California Bee Population

100%

California Bee Population

✓ Published0🌍 Public

Last edited Mar 3, 2022

Created on Mar 3, 2022

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.

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

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

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

85% 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…

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

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

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

79% match

Loading thumbnail…

Activity6_Task4.1

This bubble chart explores the relationship between the number of honey bee colonies, yield per colony, and total production across U.S. states from 1998 to 2000. Circle size encodes total production, the x-axis shows colony count, and the y-axis shows yield per colony, with color distinguishing individual states. The visualization uses D3.js v7 to create an SVG with interactive tooltips that display state-specific values on hover. It employs `scaleLinear` for axes, `scaleSqrt` for bubble radius, and a color legend alongside a size legend to clarify the encoding.

Ssumanthnaidu213@gmail.com

79% match