Skip to main content
100%

Interactive Color Legend

✓ Published0🌍 Public
YYenTingWu
Last edited Jul 12, 2021
Created on Jul 12, 2021
Forked from Colors Legend

This example shows an interactive scatter plot of the Iris Dataset, where hovering over a species name in the color legend dims all points except those belonging to that species. The visualization uses React to manage hover state and render SVG elements, while d3.scaleOrdinal, d3.scaleLinear, and d3.extent handle color and positional scales. Marks are drawn as circles, and the legend triggers mouse events to filter the data for highlighting.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes