Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

35) Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

58426884f0524c7bae99e0877ef5be88

35) Interactive Color Legend

0 stars0🌍 Public
Llefat92
Last edited Aug 20, 2023
Created on Aug 20, 2023
Forked from Color Legends

This interactive scatter plot visualizes the Iris dataset’s petal length and sepal width, colored by species. A hoverable color legend lets users highlight points of a single species while fading others. Built with React and D3 v5, it uses `scaleLinear`, `scaleOrdinal`, and SVG circles, with mouse events on legend items updating state to toggle point opacity via the `Marks` and `ColorLegend` components.

AI-generated description

A program that loads in the Iris data set and and uses React to render the data.