Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

cc20700cb2864769bed5f3c3cf87c437

Scatter Plot with Menus

0 stars1🌍 Public
LLewis Ward
Last edited Jun 28, 2021
Created on Jun 28, 2021
Forked from Scatter Plot

This interactive scatter plot displays the Iris flower dataset, plotting sepal and petal measurements against one another. Two dropdown menus let a viewer select which attribute appears on the x- and y-axes, with the scales and axes updating accordingly. Built with React and D3 v7, the visualization uses `scaleLinear` for axes, `extent` to compute domains, and `csv` to load data from a remote URL. Circles are rendered as SVG elements, with native `<title>` tooltips showing formatted values. The chart reflects user selections through React state and the `Dropdown` component.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.