Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

df0b2fa569ff4a00b81ac54c25682e6e

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.