Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of scatter chart

Public visualization

Viewing a saved revision (read-only)

6339a63817674f07ad3720c21550a7ae

Fork of scatter chart

0 stars0🌍 Public
LLei Yan
Last edited Oct 31, 2021
Created on Oct 31, 2021
Forked from scatter chart

A scatter chart displays sepal length against sepal width from the Iris dataset, with axis labels and tick marks rendered by reusable axis components. The visualization uses React to manage component state and rendering, while D3 v5 utilities like `scaleLinear` and `extent` handle data scaling and domain calculation. SVG circles represent each data point, with tooltips provided by the native `<title>` element. Data loads asynchronously via D3's `csv` parser within a custom `useData` hook.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data.