🌍 Public
Viewing a saved revision (read-only)
11285e14bf3c4813ad4162b3caf9be4b
Interactive Color Legend
This interactive scatter plot visualizes the Iris Dataset, displaying petal length against sepal width with points colored by species. A color legend on the right allows hovering over a species name to highlight only its corresponding data points while fading the others to 20% opacity. The visualization is built using React with D3 scales (`d3.scaleLinear`, `d3.scaleOrdinal`) and SVG rendering. Data is fetched via `d3.csv`. The code includes custom components for axes, color legend, and marks, with hover state managed through React hooks.
AI-generated descriptionA scatter plot of The Iris Dataset with an Interactive Color Legend