🌍 Public
Viewing a saved revision (read-only)
b3518b309faa4c1db360fb2e97234f4b
Interactive Color Legend
This interactive scatter plot displays the Iris dataset, plotting sepal length against sepal width. Users can hover over the color legend to highlight data points of a specific species, which fade all other points to 20% opacity. The visualization uses D3.js scales for positions and colors, rendered as SVG through React components. The legend is built using D3's `scaleOrdinal` domain mapping, with hover events managed by React's `useState` hook.
AI-generated descriptionA program that loads in some data about CSS colors