Skip to main content
100%

Interactive Color Legend

✓ Published0🌍 Public
MMichael Bergerson
Last edited Feb 9, 2021
Created on Feb 9, 2021

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 description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes