Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

1b0aaea4fda94cb0a075a38c19f9deb4

Scatter Plot with Menus

0 stars1🌍 Public
RRiccardo De Lucia
Last edited Aug 26, 2021
Created on Aug 26, 2021

This interactive scatter plot visualizes the Iris Dataset, displaying measurements such as sepal length and petal width. Users can select which attribute is mapped to the x-axis and y-axis using two drop-down menus, built with React’s `useState` hook. The visualization, rendered as SVG, uses `d3.scaleLinear` and `d3.extent` to compute scales, while `d3.csv` loads the data. Each point is a circle with a native SVG `<title>` element for hover tooltips, and axes are generated from tick values using custom React components.

AI-generated description

A scatter plot of The Iris Dataset.