🌍 Public
Viewing a saved revision (read-only)
279cd34f2faf4f36b4b5d2796a0f72b0
Interactive Color Legend
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 descriptionA scatter plot of The Iris Dataset with color legend.