Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Scatter Plot with Menus

0 stars1🌍 Public
KKazushige Okuma
Last edited Oct 23, 2021
Created on Oct 23, 2021

This interactive scatter plot displays the Iris flower dataset, where users can select which quantitative attributes (like sepal length or petal width) to plot on the X and Y axes via two dropdown menus built with React’s `useState` and the custom `Dropdown` component. The axes and points are rendered as SVG elements using `d3.scaleLinear` and `d3.extent` for scaling, with tick marks generated by the `AxisBottom` and `AxisLeft` components. Each data point includes a native `<title>` tooltip showing its numeric value.

AI-generated description

Scatter plot of Iris Data Set

Comments

Sign in to join the discussion.

MIT Licensed