Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

1e620cdc7ee4458fa0adb2ea1ee9aa7a

Interactive Color Legend

0 stars1🌍 Public
GGeniXiong
Last edited Oct 24, 2019
Created on Oct 24, 2019

A scatter plot of the Iris dataset maps petal length against sepal width, with each point colored by species. Hovering over a species name in the color legend dims all other points to highlight the selected group. The visualization uses React hooks to manage hover state and re-render the SVG, with scales from d3.scaleLinear and d3.scaleOrdinal. Axes and legend ticks are built from reusable React components, and the data is loaded via d3.csv.

AI-generated description

A scatter plot of The Iris Dataset.