Bee Colonies by State as Surveyed Across Time

100%

Bee Colonies by State as Surveyed Across Time

✓ Published0🌍 Public

Last edited Sep 19, 2019

Created on Sep 12, 2019

This visualization displays a point for each U.S. state, with the size of each point encoding the number of bee colonies surveyed in that state for a given year, and the x-axis showing states sorted alphabetically while the y-axis represents the survey year. The chart is rendered using the Vega-Lite API, leveraging the `markPoint` function and the separation of data by color. It loads survey data from a CSV file using d3’s `csv` function, and applies custom configuration for axis styling and label readability.

AI-generated description

A visualization constructed using the vega-lite-api taking advantage of the markPoint function and the separation of data by color.

This visual depicts data from Bee Colony Survey Data by State.csv.

Each sized point represents the survey value of bee colonies in the state during the denoted year (when the census was taken).

MIT Licensed

Similar vizzes

Loading thumbnail…

Treemap of Bee Colonies, Beekeepers, and Bee Colony Loss Numbers by State

This treemap visualizes bee colony loss numbers, beekeepers, and colony counts across US states from 2010 to 2016. The hierarchy nests each state by year, with leaf nodes representing the three metrics. Users can toggle between summing by colony size or counting each statistic, triggering a smooth animated transition. The visualization uses d3.treemap with d3.treemapResquarify, d3.hierarchy, and d3.scaleOrdinal for coloring, rendering SVG cells with clip-paths and labels. Data comes from a generated flare.json file based on USDA survey data.

Bbootshine2

82% match

Loading thumbnail…

US Honey Bees

This visualization shows US bee colony population trends for the 2020-Q2 period across states, plotting starting colony counts on the x-axis against maximum colony counts on the y-axis. Each circle represents a state, with its radius encoding the number of added colonies via `d3.scaleLinear` and its color mapped to renovated colonies using `d3.scaleSequential` with `d3.interpolateYlOrRd`. The SVG chart uses `d3.axisBottom` and `d3.axisLeft` with tick marks, and filters out the United States, California, and Texas as outliers. Data comes from a CSV file loaded via `d3.csv`.

PPeter Gish

82% match

Loading thumbnail…

Percent Bee Colony Loss by State and Year

This visualization shows percent bee colony loss by state and year, with each square representing a state's loss percentage during a census year. The layout is designed to reveal geographic trends or hotspots, though the data ultimately demonstrates that colony loss appears random and consistent across the US. The visualization is built using Vega-Lite and the vega-lite-api, using `markRect` and `markPoint` functions to encode data with color and position. Data comes from a CSV file loaded via `d3.csv`, with tooltips and sorting by worst-hit states enabled through VEGA tooltip handlers and configuration settings.

Ppalti

82% match

Loading thumbnail…

Bee Colony Statistics by State and Year

A grid of colored rectangles maps bee colony loss percentages across U.S. states and years, revealing a random pattern with no clear geographic or temporal hotspots. Each cell encodes loss severity through a red color scale, with tooltips showing state, year, and percent loss for individual data points. The visualization is built using Vega-Lite API, React, and D3, loading data from a CSV of Bee Colony Loss statistics. The vega-lite-api `markRect` function encodes state on the x-axis and year on the y-axis, with color intensity representing the percentage loss.

Bbootshine2

82% match

Loading thumbnail…

California Bee Population

This visualization shows a scatterplot matrix (SPLOM) comparing four bee colony metrics—starting, maximum, lost, and renovated colonies—for the top five US states with the most initial colonies from 2015 to 2022. Each cell plots one metric against another, with points colored by state using a categorical color scheme. The code loads CSV data via `d3.csv`, preprocesses rows to remove invalid markers, and calculates the top states by average starting colonies using `d3.group` and `d3.mean`. It builds the matrix with `d3.scaleLinear` axes and configures SVG rendering through D3 v7, using `d3.axisBottom` and `d3.axisLeft` for tick marks and `d3.scaleOrdinal` for color encoding.

PPeter Gish

81% match

Loading thumbnail…

D3 v5 Zoomable Sunburst of Bee Colony Statistics in the US

A zoomable sunburst chart displays US bee colony statistics, breaking down each state by year and further by loss, beekeepers, and colony counts. The interactive visualization allows users to click on segments to drill down into the hierarchy, with animated transitions smoothly rescaling the arcs. Built with D3 v5, it uses the `d3.hierarchy` and `d3.partition` layouts, renders via SVG, and animates with `transition.attrTween`. Data comes from a generated `flare.json` file, ported from an Observable notebook, with colors assigned per top-level state category.

Bbootshine2

80% match

Loading thumbnail…

Fork of Percent Bee Colony Loss by State and Year

A square for each state-year pair encodes the percentage of bee colony loss using a red color scale, with states sorted by their worst recorded loss. The visualization reveals no clear geographic or temporal trends, suggesting colony losses are randomly distributed across the US. Built with the vega-lite-api, the chart uses `markRect()` for the tiles, `fieldN` for categorization, and a custom tooltip to display state, year, and loss values. Data comes from the Bee Colony Loss3.csv file, with appearance customized via a separate config file.

Sstanemurhula

80% match

Loading thumbnail…

Percent Bee Colony Loss by State and Year - a Vega-Lite MarkSquare Heatmap

This color-coded heatmap shows the percentage of bee colony loss across US states and years, revealing a random pattern with no clear geographic hotspots or temporal trends. Each square represents a state's loss for a given census year, with color intensity encoding the loss percentage. The visualization uses the Vega-Lite API’s `markSquare` function, projecting state names on the x-axis and years on the y-axis, with data sourced from a CSV of Bee Colony Loss. Built with D3 and Vega-Lite, it applies custom axis and label styling from a config file.

Cchungmin-yu

80% match