Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Interactive Legend

Public visualization

Scatter Plot with Interactive Legend

0 stars0🌍 Public
Jj-PGi
Last edited Aug 1, 2021
Created on Jul 30, 2021

A scatter plot of the Iris dataset rendered in SVG using React and D3 v5. It displays measurements of iris flowers, with dropdown menus to switch the X and Y axes between sepal and petal dimensions, alongside a color-coded legend for species. Hovering over a legend entry fades non-matching data points, implemented through React state and D3's `scaleLinear` and `scaleOrdinal`. The plot includes axis ticks and labels from custom React components, with data loaded via `d3.csv`.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed