Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot

Public visualization

Viewing a saved revision (read-only)

7ced82d64f674ef9bd81723d61fe07e6

Scatter Plot

0 stars3🌍 Public
TTheOutstandingDinosaur
Last edited Aug 17, 2024
Created on Aug 17, 2024
Forked from Bar Chart

This scatter plot displays the relationship between petal length and sepal width in the Iris dataset. The visualization renders as an SVG, with the data loaded asynchronously via `d3.csv` and parsed using a custom row-mapping function. Axes are constructed with `d3.scaleLinear`, using `.domain()`, `.range()`, and `.nice()` to establish the scale. The React application manages state transitions, displaying a "Loading..." message until the dataset arrives, then drawing each point as a circle element with its horizontal and vertical positions mapped through the corresponding scales.

AI-generated description

A programme that laods using D3 and using React to keep track