Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

efc23f7ae7614a5e9f1b41fa65a50153

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.