🌍 Public
Viewing a saved revision (read-only)
2666a70bdbd74cb7af84f76825837841
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