Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 35 | Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

9604472d4223463dbe69e315520f1781

Ep. 35 | Interactive Color Legend

0 stars0🌍 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.