Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatterplot v5 w/ React (menus, color, interactivity (hover & fade)

Public visualization

Viewing a saved revision (read-only)

1f4a5ef532b74db484327a280d72fb24

Scatterplot v5 w/ React (menus, color, interactivity (hover & fade)

0 stars0🌍 Public
SSophia Cofone
Last edited Jun 29, 2022
Created on May 24, 2022
Forked from Hello VizHub

This interactive scatterplot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements through dropdown menus that change the x and y axes. Hovering over a species in the color legend fades out points from other species, highlighting the selected category. Built with React and D3 v5, the SVG visualization uses d3.scaleLinear, d3.scaleOrdinal, and d3.csv for data loading, with custom React components for axes, marks, and interactive filtering.

AI-generated description

A scatter plot of The Iris Dataset.

With menus, lables that update automatically, and color legend. data disappears unless you hover over something.