🌍 Public
Viewing a saved revision (read-only)
2f3b7570cafe49bfb72ada46ffa6d748
Interactive Color Legend
A scatter plot of the Iris dataset displays petal length against sepal width, with points colored by species. An interactive color legend on the right highlights a selected species by fading all other circles to 20% opacity. React manages hover state via `useState`, while D3's `scaleOrdinal` maps species to colors and `d3.csv` loads the data. The SVG visualization uses custom React components for axes, marks, and the legend, rendering with `circle` elements and D3 scales.
AI-generated descriptionA scatter plot of The Iris Dataset.