Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Scatter Plot with Color Legend

Public visualization

Fork of Scatter Plot with Color Legend

0 stars0🌍 Public
SShantanu
Last edited May 19, 2021
Created on May 19, 2021

This interactive scatter plot visualizes the Iris Dataset, mapping petal length against sepal width with points colored by species. Hovering over a species name in the color legend dims all other points while highlighting the selected group, implemented through React state management and conditional opacity. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for categorical colors, and renders SVG circles via React components. Axis ticks and color legend items are generated from d3 scale domains, with native SVG `<title>` elements providing tooltips on data points.

AI-generated description

A scatter plot of The Iris Dataset with interactive color legend.

Comments

Sign in to join the discussion.

MIT Licensed