🌍 Public
Viewing a saved revision (read-only)
87818939999a4bd8bb2232c51a502170
Interactive Color Legend
This interactive scatter plot visualizes the Iris dataset, mapping petal length and sepal width while encoding species through color. The visualization uses a React-based color legend with d3-scaleOrdinal to create a clickable legend that filters and highlights specific species. When hovering over a legend item, the corresponding data points remain fully opaque while all other circles fade to 20% opacity, created through conditional opacity logic. The chart uses d3.scaleLinear for both axes and renders as SVG, with data loaded via d3.csv from a GitHub gist.
AI-generated descriptionA scatter plot of The Iris Dataset.