Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

179017b2b106496d8bd08d1a07be5519

Fork of Interactive Color Legend

0 stars0🌍 Public
Ssunnyshih0312@gmail.com
Last edited Sep 15, 2024
Created on Sep 15, 2024

A fork of the "Interactive Color Legend" visualization, this scatter plot displays the classic Iris Dataset, plotting sepal length against petal length. The visualization uses D3.js, specifically `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` for color mapping. Hovering over a color legend item highlights the corresponding data points in the plot, while dimming others, using a `selection.join` pattern. The interaction is managed through state handling with `setHoveredValue` and `hoveredValue`, showcasing an effective way to explore categorical data.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

Hover on the color legend to highlight the marks that match!

See also: