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)

6d74d832c4354e5b991144ed2002bd89

Polished Scatter Plot with Menus

0 stars1🌍 Public
Jj-PGi
Last edited Jul 29, 2021
Created on Jul 29, 2021

This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between flower measurements by selecting different attributes for the x and y axes through dropdown menus. Built with React and rendered as SVG, the visualization uses D3.js functions such as `scaleLinear`, `extent`, and `format` to map data ranges and format tick labels. Each point is a circle with a native SVG `<title>` element for hover tooltips, positioned using computed coordinates from the D3 scales. The plot features labeled axes, styled tick marks, and a dark teal color scheme.

AI-generated description

A scatter plot of The Iris Dataset.