Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Steve's Interactive Scatter Plot with Color and Legend

Public visualization

Viewing a saved revision (read-only)

5ff8462c185b4d2fb0e5e5d77c2d3ffc

Steve's Interactive Scatter Plot with Color and Legend

0 stars1🌍 Public
Bbootshine2
Last edited Oct 10, 2019
Created on Oct 9, 2019

This interactive scatter plot visualizes the Iris dataset, mapping petal length against sepal width for individual flowers. Using React and D3 v5, the SVG-based visualization employs `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for species-based coloring. Hovering over the color legend highlights the corresponding species by fading other points to 30% opacity, while native SVG `<title>` elements provide basic tooltips. The chart includes labeled axes and a species legend, with data loaded asynchronously via D3’s `csv` parser.

AI-generated description

A scatter plot of The Iris Dataset.