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)

5bfe89010dbc4d579088319e49f065ab

Fork of Interactive Color Legend

0 stars0🌍 Public
Llucas-langlois
Last edited Apr 21, 2021
Created on Apr 21, 2021

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width with points colored by species. A React-driven color legend allows users to hover over species names, which highlights matching data points and fades all others using opacity transitions. Built with d3.scaleLinear for axes, d3.scaleOrdinal for categorical colors, and SVG circles rendered through React components, the visualization responds to hover events via useState and onMouseEnter handlers to filter and re-render marks dynamically.

AI-generated description

A scatter plot of The Iris Dataset.