Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with Menus

Public visualization

Viewing a saved revision (read-only)

e073b9151ffb42b5b8a69c335112edc6

Scatter Plot with Menus

0 stars1🌍 Public
FFonda Irena Santoso
Last edited Apr 23, 2021
Created on Apr 23, 2021

This interactive scatter plot visualizes the classic Iris flower dataset, which contains measurements of sepal and petal dimensions across three species. Users can dynamically select which numerical attribute appears on the x-axis and y-axis using dropdown menus built with React hooks (useState). The visualization uses d3.scaleLinear for both axes, computes domains via d3.extent, and renders the plot as an SVG with custom React components for the axes and circular marks. D3’s csv loader fetches the data from a remote GitHub gist, and axis ticks are formatted with d3.format.

AI-generated description

A scatter plot of The Iris Dataset.