🌍 Public
Viewing a saved revision (read-only)
33a7d4c1fe764685b073fc7242e7d370
Interactive Color Legend
This scatter plot visualizes the Iris Dataset, showing petal length against sepal width, with points colored by species. The visualization includes an interactive color legend on the right that allows users to highlight specific species by hovering over the legend items. When a legend item is hovered, the corresponding species’ points remain at full opacity while all other points fade to 20% opacity. The chart is built using React with D3 scales (`d3.scaleLinear`, `d3.scaleOrdinal`), rendered as SVG, and includes custom axis components for tick marks and labels.
AI-generated descriptionA scatter plot of The Iris Dataset with color legend.