Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menu

Public visualization

Viewing a saved revision (read-only)

1a87266d79fd4294a196305da696e8f9

Scatter Plot with Menu

0 stars0🌍 Public
Llaurajchang
Last edited Apr 15, 2021
Created on Mar 17, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to switch between different sepal and petal measurements on the x and y axes using two dropdown menus. The chart uses d3.scaleLinear for axes, d3.scaleOrdinal for species colors, and SVG circles rendered via React components. Hovering over a species in the color legend fades non-matching points using React state, while the MarksWithFade component manages mouse events to provide interactive feedback.

AI-generated description

A program that loads in the Iris dataset and generates an interactive scatter plot using D3 and React.