Skip to main content
100%

Ep. 35 | Interactive Color Legend

✓ Published0🌍 Public
YYee Han
Last edited Dec 31, 2020
Created on Dec 30, 2020

A scatter plot of the Iris dataset, sized 960 by 500 pixels, displays petal length against sepal width with points colored by species. An interactive ordinal color legend on the right uses React state to track hovered species, dimming non-matching circles to 20% opacity and highlighting only the selected species. Built with React and D3 v6 (scaleLinear, scaleOrdinal, extent), the SVG renders axes, a native `<title>` tooltip, and three color-coded species groups loaded via d3.csv.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes