Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

c3c51c2eb59f4118bd3d4b044320dc2e

Polished Scatter Plot with Menus

0 stars1🌍 Public
AAudrey
Last edited Jul 20, 2021
Created on Jul 20, 2021

This interactive scatter plot visualizes the Iris flower dataset, allowing users to select which numeric attributes are plotted on the x- and y-axes via dropdown menus. The visualization uses React to manage component state and render SVG elements, with D3’s `scaleLinear`, `extent`, and `max` functions handling axis scaling and data mapping. Axis ticks and labels are generated through custom React components, while circles representing data points include tooltips using SVG `<title>` elements. The graph updates dynamically whenever the dropdown selections change.

AI-generated description

A scatter plot of The Iris Dataset.