Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Polished Scatter Chart with Menus - React & D3

Public visualization

Viewing a saved revision (read-only)

cf663f5ebced4b7b990172eee1895cc6

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