Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Plot with Menus

Public visualization

Polished Scatter Plot with Menus

0 stars0🌍 Public
CChiuyc
Last edited Oct 6, 2020
Created on Oct 6, 2020

This interactive scatter plot visualizes the Iris Dataset, allowing users to compare any two numerical attributes via React dropdown menus that control the x- and y-axes. The visualization uses React state with the `useState` hook to manage selected attributes and dynamically updates the scales with d3’s `scaleLinear` and `extent`. Rendered as an SVG, the chart includes polished axes built with custom components, tick labels formatted with d3’s `format`, and circular marks that display native tooltips on hover. Data loading is handled asynchronously through d3’s `csv` function.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed