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)

91f16b90271d4c0fba5bb4c10558f9fe

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.