Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

97ae712f14a24e69a0f008ba2c46d464

Interactive Color Legend

0 stars0🌍 Public
CChen Ding
Last edited Oct 30, 2019
Created on Oct 29, 2019

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width with points colored by species. Hovering over the color legend highlights points of the selected species while fading the opacity of others, using React state to manage the hovered value. The visualization is built with React and d3.v5, employing `scaleLinear` for axes, `scaleOrdinal` for colors, and an SVG-based color legend with `onMouseEnter` and `onMouseOut` handlers.

AI-generated description

A scatter plot of The Iris Dataset.