Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Polished Scatter Plot with Menus

0 stars1🌍 Public
Jjanneprice
Last edited May 25, 2022
Created on May 25, 2022

An interactive scatter plot of the Iris dataset, built with React and D3, allows users to dynamically select which flower measurements (sepal length/width or petal length/width) appear on the X and Y axes via dropdown menus. The visualization renders as an SVG, using `d3.scaleLinear` for both axes and `d3.extent` to compute domains, with tick marks styled via `d3.axis`-like custom components. Circles are positioned using the selected X and Y values, and hovering reveals native tooltips. Data loads asynchronously from a CSV using `d3.csv` within a custom `useData` hook.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed