Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

3377678f90b34ce3b01bb44ec2e9bea9

Interactive Color Legend

0 stars0🌍 Public
Wwindwaver
Last edited Apr 1, 2021
Created on Mar 31, 2021

This interactive scatter plot visualizes the Iris dataset, plotting petal length against sepal width for three species. A color legend allows users to hover over species names, dimming all other points to highlight the selected group. The visualization uses React with d3.scaleLinear for axes, d3.scaleOrdinal for categorical colors, and d3.csv for data loading. SVG circles render the marks, while mouse events on the legend trigger state changes that adjust opacity via the fadeOpacity prop.

AI-generated description

A scatter plot of The Iris Dataset.