Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot w/ Menus AND Color

Public visualization

Polished Scatter Plot w/ Menus AND Color

0 stars1🌍 Public
AAnthony Ynami
Last edited Feb 22, 2021
Created on Feb 22, 2021

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between four numeric measurements (sepal and petal length/width) while color-coding points by species. Two dropdown menus, built with `react-dropdown`, let viewers dynamically select which attributes appear on the x- and y-axes, with axis labels updating accordingly. The visualization uses `d3.scaleLinear` for positional encoding, `d3.scaleOrdinal` to assign categorical colors to the three Iris species, and React hooks (`useState`, `useEffect`) to manage data loading and UI state. SVG circles are rendered via custom React components, with tooltips showing formatted values.

AI-generated description

A Scatter Plot of the Iris Dataset

Comments

Sign in to join the discussion.

MIT Licensed