Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Chart with Menus - React & D3

Public visualization

Polished Scatter Chart with Menus - React & D3

0 stars1🌍 Public
MManon ROMAIN
Last edited Oct 19, 2021
Created on Oct 18, 2021

This scatter chart displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements through interactive dropdown menus. The visualization supports both quantitative and categorical axes; selecting "Species" switches the scale from a linear to an ordinal mapping. Built with React managing state and D3 v7 handling the SVG rendering, it uses `d3.scaleLinear` with `.nice()` for numeric axes and `d3.scaleOrdinal` for the categorical dimension. Data is loaded asynchronously from a CSV file using the `d3.csv` parser.

AI-generated description

Menus with React & D3

Comments

Sign in to join the discussion.

MIT Licensed