Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Color Legend

Public visualization

Viewing a saved revision (read-only)

77ca6f27ef5d4056ae58d0d3b979d77b

Interactive Color Legend

0 stars1🌍 Public
AAgustina Farias
Last edited Oct 12, 2020
Created on Oct 12, 2020

This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal width with points colored by species. A React-based color legend on the right allows users to hover over species names, which highlights only the corresponding points while fading others to 20% opacity. The visualization uses d3.scaleLinear and d3.scaleOrdinal for positioning and coloring, with SVG rendering through React components that map data to circles and axis ticks. Data is loaded asynchronously via d3.csv from a GitHub gist.

AI-generated description

A scatter plot of The Iris Dataset.