🌍 Public
Viewing a saved revision (read-only)
5e0da886f17942da8318a0d7543df994
Simple Interactive Color Legend
This interactive scatter plot visualizes the Iris Dataset using React and SVG, with D3 scales for positioning and color encoding. The legend lists species names as colored circles, and hovering over a legend item triggers a fade effect that dims all non-matching data points while keeping the selected species fully opaque. The chart uses `scaleOrdinal` for categorical colors and `scaleLinear` for axes, with the hover state managed via React's `useState` hook.
AI-generated descriptionA scatter plot of The Iris Dataset.