🌍 Public
Viewing a saved revision (read-only)
0ff2c546494040618f10d5a41d6e5607
Interactive Color Legend
This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal width with points colored by species. A React-based color legend on the right allows users to hover over species names, which highlights only the corresponding points while fading others to 20% opacity. The visualization uses d3.scaleLinear and d3.scaleOrdinal for positioning and coloring, with SVG rendering through React components that map data to circles and axis ticks. Data is loaded asynchronously via d3.csv from a GitHub gist.
AI-generated descriptionA scatter plot of The Iris Dataset.