🌍 Public
Viewing a saved revision (read-only)
ad4e970920ab49c4b67e25a5d2d59159
Steve's Scatter Plot with Color, Legend, and Dropdown
Bbootshine2
Last edited Oct 30, 2019
Created on Oct 30, 2019
Forked from Steve's Scatter Plot with Color and Legend
This interactive scatter plot from a React and D3 v5 codebase visualizes bee colony loss data. The x-axis is selectable via an HTML dropdown, allowing users to compare percent loss, colony count, or beekeeper count per year. Each state is represented by a colored circle using `d3.scaleOrdinal`, with a corresponding legend. The chart uses SVG rendering and incorporates custom axes built with `d3.scaleLinear` for positioning, sourced from a CSV file.
AI-generated descriptionA scatter plot of Bee colony loss data.
Uses html <select> statement for dropdown to choose percent loss, total colonies, or total beekeepers.