🌍 Public
Viewing a saved revision (read-only)
0c44db05229f4a63811acf22de9dcb60
Interactive color legend
This interactive scatter plot visualizes the Iris dataset, displaying sepal width against sepal length with points colored by species via a D3 ordinal color scale. Hovering over the color legend highlights the corresponding species by increasing opacity of matching circles while dimming others. The visualization uses React with the d3.scaleLinear and d3.scaleOrdinal APIs, rendering SVG elements through React components. Data is loaded asynchronously with d3.csv, and interactivity is managed through React’s useState hook for tracking hovered values.
AI-generated descriptionA scatter plot of The Iris Dataset