Skip to main content
100%

Fork of Interactive Color Legend

✓ Published0🌍 Public
LLacene Dihia
Last edited Feb 7, 2024
Created on Feb 7, 2024

This example visualizes the Iris Dataset with a scatter plot of sepal length against petal length, coloring each point by species. An interactive color legend lists the three species; hovering over a legend entry highlights the corresponding marks by adjusting their opacity, while dimming the rest. The chart uses D3 v7 APIs including `scaleOrdinal`, `schemeCategory10`, `selection.join`, and event handlers for mouseover and mouseout. Data is loaded asynchronously from a CSV and parsed with `csvParse`.

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:

MIT Licensed

Similar vizzes