🌍 Public
Viewing a saved revision (read-only)
c5e3e082e4014a6c9c6a759373032bb6
Interactive Color Legend
This interactive scatter plot visualizes the Iris Dataset, showing petal length against sepal width with species encoded by color. Hovering over a color legend entry highlights the corresponding species’ circles while dimming all others. Built with React and D3 v5, the code uses d3.scaleLinear, d3.scaleOrdinal, and d3.extent for scales, while rendering SVG circles via custom components. The legend triggers hover states that filter data for emphasis, and axes are generated with d3-format for tick labels.
AI-generated descriptionA scatter plot of The Iris Dataset.