Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter plot with menus

Public visualization

Viewing a saved revision (read-only)

f0d6526c860e4aac885a18fdada5a68a

Scatter plot with menus

0 stars1🌍 Public
Ppatasky
Last edited Jun 10, 2021
Created on Jun 10, 2021

This interactive scatter plot displays the Iris dataset, allowing viewers to explore relationships between sepal and petal measurements by selecting which attribute appears on each axis through the dropdown menus. Built with React hooks and D3.js v5, the visualization uses `scaleLinear` to map data ranges to SVG coordinates and renders circles for individual specimens. The axis components dynamically update with `tickFormat` for readable labels, while hover tooltips reveal exact values. The code demonstrates a reusable pattern for building linked interactive visualizations from CSV data using `d3.csv` and React state management.

AI-generated description

A scatter plot of The Iris Dataset.