Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

ac7f159d5751425b8958d44b86f1114a

Stylized Scatter Plot

0 stars2🌍 Public
JJoe Hutchins
Last edited Feb 22, 2022
Created on Feb 22, 2022
Forked from Stylized Bar Chart

This visualization displays the classic Iris Dataset as a scatter plot, mapping sepal length on the x-axis and sepal width on the y-axis. It uses d3-scale’s `scaleLinear` with `extent` and `nice` to compute domains, while React components render the SVG axes and circular marks. The code imports d3 helpers like `csv` for data loading and `format` for tick labels, and uses `useData` from `useData.js` to fetch and parse the data. Styling is applied via CSS classes for ticks and marks.

AI-generated description

A scatter plot of The Iris Dataset using D3 utilities, and uses React to render a Bar Chart