Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

2d85e24f322d4a49827fbf88f5566a52

Fork of Scatter Plot with Menus

0 stars0🌍 Public
Nnoriktal
Last edited Sep 30, 2021
Created on Sep 30, 2021

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus, built with React state management, control which attributes appear on the x- and y-axes, while the SVG rendering updates dynamically through React re-renders. The visualization uses D3 v5’s `scaleLinear` and `extent` functions to compute scales and domains, with custom React components for axis rendering and circular marks. Hovering over a point reveals its exact value via a native SVG `<title>` tooltip, and all data loading is handled asynchronously using `csv` from D3.

AI-generated description

A scatter plot of The Iris Dataset.