Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

e251776390264a4d9ed4da718e807a05

Scatter Plot with Menus

0 stars1🌍 Public
Jjbruzzo
Last edited Jul 2, 2022
Created on Jul 1, 2022

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically change which attributes are displayed on the x and y axes through two dropdown menus. Built with React managing state and D3 v7 utilities like `scaleLinear` and `extent` for scaling, the SVG rendering includes custom axis components and circles with tooltips. The code uses a custom `useData` hook with the `csv` function to load and parse the dataset, coordinating menu selections with axis labels and data values.

AI-generated description

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

Plotting the Iris dataset