Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Steve's Scatter Plot with Color, Legend, and Dropdown

Public visualization

Post on XLinkedIn
Open

Steve's Scatter Plot with Color, Legend, and Dropdown

0 stars0🌍 Public
Bbootshine2
Last edited Oct 30, 2019
Created on Oct 30, 2019

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 description

A scatter plot of Bee colony loss data.

Uses html <select> statement for dropdown to choose percent loss, total colonies, or total beekeepers.

Comments

Sign in to join the discussion.

MIT Licensed

Similar vizzes

Steve's Scatter Plot with Color and Legend

95% match
Bbootshine2

Steve's Interactive Scatter Plot with Color and Legend

80% match
Bbootshine2

D3 v5 Zoomable Sunburst of Bee Colony Statistics in the US

79% match
Bbootshine2

Colm Lang A5 | Bubble Chart

78% match
CColm Lang

Fork of beeswarm

78% match
Rryan-dirajlal

Steve's Scatter Plot with Color and Legend

78% match
Bbootshine2

US States Heatmap of Bee Colony Loss

77% match
Bbootshine2

Fork of Percent Bee Colony Loss by State and Year

77% match
Sstanemurhula