Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

ef3e414a0866464e8b29673b31a2a40f

Interactive Color Legend

0 stars0🌍 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.