Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menu

Public visualization

Viewing a saved revision (read-only)

dcb678b9a7a6400e8aecad1ccee53c6c

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.