Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

9db7f065bf7144f88e1d4707edc75e34

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.