Skip to main content
100%

Interactive Color Legend

✓ Published0🌍 Public
MMilena Belianovich Holtman
Last edited Oct 13, 2022
Created on Oct 13, 2022

This visualization displays the Iris dataset as a scatter plot of petal length against sepal width, with points colored by species. An interactive color legend allows users to hover over a species label, which highlights the corresponding points and fades all others to 20% opacity. The chart is built with React and D3 v5, using `scaleLinear` for axes, `scaleOrdinal` for colors, and `D3.csv` to load the data. Axes and legends are rendered as reusable SVG components, with hover events managed through React state.

AI-generated description

A scatter plot of The Iris Dataset with color legend.

MIT Licensed

Similar vizzes