Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

b3518b309faa4c1db360fb2e97234f4b

Interactive Color Legend

0 stars0🌍 Public
Aafcchilders
Last edited Jan 20, 2022
Created on Jan 20, 2022

This interactive scatter plot displays the Iris dataset, plotting sepal length against sepal width. Users can hover over the color legend to highlight data points of a specific species, which fade all other points to 20% opacity. The visualization uses D3.js scales for positions and colors, rendered as SVG through React components. The legend is built using D3's `scaleOrdinal` domain mapping, with hover events managed by React's `useState` hook.

AI-generated description

A program that loads in some data about CSS colors