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)

5505fffbf7db463bb8b08983aadeaea9

Polished Scatter Plot with Menus

0 stars0🌍 Public
AAjayyy
Last edited May 21, 2020
Created on May 21, 2020

This interactive scatter plot visualizes the Iris dataset, allowing users to dynamically select which measured attribute (sepal length, sepal width, petal length, petal width, or species) appears on the x- and y-axes via dropdown menus built with React Dropdown. The plot uses React hooks (useState, useEffect) to manage selections and load data asynchronously via d3.csv, with d3.scaleLinear for positioning and custom React components (AxisBottom, AxisLeft, Marks) rendering SVG circles and axes with D3’s scale ticks and formatting. Data spans from a public GitHub gist by Curran.

AI-generated description

A scatter plot of The Iris Dataset.