Skip to main content
100%

Polished Scatter Plot w/ Menus AND Color

✓ Published1🌍 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

MIT Licensed

Similar vizzes