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)

9829054f2a9048f8ad6bb246f5a0893b

Polished Scatter Plot with Menus

0 stars0🌍 Public
TThomas Cormican
Last edited Jan 11, 2022
Created on Jan 10, 2022

This interactive scatter plot visualizes the Iris Dataset, allowing users to select which flower measurements appear on the x- and y-axes via two dropdown menus built with the React Dropdown library. The chart renders circles as SVG marks using React components, with axes generated by custom AxisBottom and AxisLeft components that leverage d3.scaleLinear and d3.extent. Polished styling includes Poppins fonts, tick formatting via d3.format, and tooltips using SVG title elements. Data loading relies on d3.csv with type coercion for numerical columns.

AI-generated description

A scatter plot of The Iris Dataset.