Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

d0acdcd3e59b468ba99cbea8661dffce

Fork of Interactive Color Legend

0 stars0🌍 Public
Cchar0496
Last edited Apr 17, 2022
Created on Apr 17, 2022

This interactive scatter plot visualizes the Iris dataset, displaying petal length against sepal width with points colored by species. The visualization uses react and d3.scaleOrdinal for coloring, d3.scaleLinear for positioning, and SVG for rendering. Hovering over a species in the color legend highlights only those data points, while non-matching points fade to 20% opacity, implemented through React's useState hook for hover state management.

AI-generated description

A scatter plot of The Iris Dataset.