Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot

Public visualization

Viewing a saved revision (read-only)

2be8db05ebb64a48bda8ba008e3afae1

Scatter Plot

0 stars1🌍 Public
Nnkarinti
Last edited Jul 24, 2023
Created on Jul 3, 2023
Forked from Styled Bar Chart

This scatter plot visualizes the relationship between sepal length and sepal width for individual iris flowers. The data is loaded from a CSV file using d3.csv and rendered as SVG circles with React components. Axes are generated via custom AxisBottom and AxisLeft components using d3.scaleLinear for positioning, with d3.format applied to tick labels for compact number display. The visualization uses React state via useEffect to manage asynchronous data loading, and includes native SVG title elements for tooltips.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.