Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Ep. 32 | Polished Scatter Plot with Menus

Public visualization

Ep. 32 | Polished Scatter Plot with Menus

0 stars1🌍 Public
YYee Han
Last edited Dec 30, 2020
Created on Dec 30, 2020

This scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for different flower species. Two dropdown menus, built with React and react-dropdown, allow users to select which attribute appears on the x and y axes. The chart uses d3.scaleLinear for both scales, with Axes and Marks components rendering SVG circles containing tooltips. Data is loaded asynchronously via d3.csv in a custom useData hook, with styled axes and labels using the Poppins font.

AI-generated description

A scatter plot of The Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed