Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Stylized Scatter Plot

0 stars3🌍 Public
Yyejichun@naver.com
Last edited Dec 20, 2021
Created on Dec 20, 2021
Forked from Stylized Bar Chart

This stylized scatter plot visualizes the relationship between petal length and sepal width in the classic Iris dataset, loaded via the D3 `csv` utility. React state manages the data, while D3's `scaleLinear` and `extent` functions map values to a fixed SVG coordinate system. Circles render as marks with tooltips, and custom React components (`AxisBottom`, `AxisLeft`, `Marks`) draw axes and points. The chart uses a Poppins font, styled grid lines, and a teal color scheme to create a polished, modern look.

AI-generated description

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

Comments

Sign in to join the discussion.

MIT Licensed