Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

596a53961dca4c5f98fa13a4a063c47f

Interactive Color Legend

0 stars0🌍 Public
OOlof Ollerstam
Last edited Jul 7, 2022
Created on Jan 4, 2022

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width for three iris varieties. The d3.scaleOrdinal color scale encodes species, while d3.scaleLinear handles both axes. Hovering over any item in the React-rendered color legend highlights matching points and fades the rest using opacity transitions, driven by state management in React hooks.

AI-generated description

A scatter plot of The Iris Dataset.