California Bee Population

100%

California Bee Population

✓ Published0🌍 Public

Last edited Mar 3, 2022

Created on Mar 3, 2022

This visualization displays the starting number of honey bee colonies in the top three US states from 2015 to 2022, based on data from a NASS CSV file. It renders a multi-series line chart in SVG using D3 v7, with each state's trend over time plotted via `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleTime`. The code filters data by removing invalid markers and Q3 entries, then optionally trims outliers using an interquartile range method.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

California Bee Population

This interactive bubble chart visualizes US bee colony data from 2015 to 2021, plotting starting colonies on the x-axis and maximum colonies on the y-axis, with bubble size proportional to added colonies and color representing renovated colonies. Built with D3 v7, the visualization uses SVG rendering and animation, featuring a tooltip on hover and gridlines for readability. The chart loads data from a remote CSV file and employs scales for position, size, and color, with an optional outlier-removal toggle. A linear time axis handles quarterly data parsing, and the design references the d3-graph-gallery bubble chart template.

PPeter Gish

89% 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

88% 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

87% match

Loading thumbnail…

Bee Colonies by State as Surveyed Across Time

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.

Bbootshine2

80% match

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

78% match

Loading thumbnail…

Colm Lang A5 | Line Chart

This line chart visualizes the estimated number of honey bee colonies starting each quarter in the United States from 2015 to 2021, based on data from a CSV file. The chart uses `d3.scaleBand` for the year-quarter x-axis and `d3.scaleLinear` for the y-axis, with tick labels formatted in thousands. A single `path` element is drawn using `d3.line()` to connect the data points, while circles mark each observation. The SVG rendering includes custom styling for axes, labels, and interactive hover effects on the dots.

CColm Lang

76% 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

76% match

Loading thumbnail…

US States Heatmap of Bee Colony Loss

This interactive map visualizes annual bee colony loss across US states, with a dropdown to switch between percent loss, colony count, and beekeeper count metrics. The choropleth uses a blue sequential color scale applied through `d3.scaleThreshold`, mapping each state’s value to its fill. States are drawn as SVG paths generated by `d3.geoPath` with a `d3.geoAlbersUsa` projection from TopoJSON data, while hover effects and a tooltip (via `d3-tip`) highlight individual states. The data comes from a CSV file loaded with `d3.csv`, and the interface is built using React components.

Bbootshine2

76% match