California Bee Population

100%

California Bee Population

✓ Published0🌍 Public

Last edited Mar 3, 2022

Created on Mar 3, 2022

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.

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 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.

PPeter Gish

88% match

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

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

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

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

80% match

Loading thumbnail…

Percent Bee Colony Loss by State and Year

This visualization displays the percentage of bee colony loss for each U.S. state across multiple years, using a matrix of colored squares. Each square’s color intensity represents the loss percentage, with states sorted by their worst-hit values along the x-axis and years on the y-axis. It highlights that colony loss appears random with no clear geographic or temporal trends. The code uses the vega-lite-api’s `markRect` and `encode` methods, with data loaded via d3.csv from a GitHub Gist, and includes tooltips for state, year, and loss percentage.

Mmkt-ds

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

79% match

Loading thumbnail…

Colm Lang A5 | Bubble Chart

This bubble chart visualizes bee colony loss across four U.S. states from 2019 to 2021, plotting starting colony counts on the y-axis against time quarters on the x-axis. Each bubble’s size encodes the percentage of colonies lost, while its color distinguishes the state, with legends showing both scales. The visualization is built with D3 v7 and the d3-legend extension, using SVG rendering. Data is loaded from a CSV file via `d3.csv`, with axes created using `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft`.

CColm Lang

79% match