Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot with React & D3

Public visualization

Viewing a saved revision (read-only)

980da00d537540ed9810d1e2d9b4cee2

Scatter Plot with React & D3

0 stars11🌍 Public
CCurran Kelleher
Last edited Sep 12, 2025
Created on Sep 12, 2025

This scatter plot visualizes the Iris dataset, showing sepal length against sepal width for 150 flowers. The React `App` component loads CSV data via `csv` from D3 and renders an SVG, while a reusable `viz` function creates the scales, axes, and circles. It uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` from D3 v7, with helper modules for axes and labels. The plot displays black circles of radius 12 with labeled x and y axes on a fixed 960x500 canvas.

AI-generated description