Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

a93de9a88e874fd3be2703cfb15f6f94

Stylized Scatter Plot

0 stars1🌍 Public
SSun Hwy (David) Kim
Last edited Apr 21, 2022
Created on Apr 4, 2022

This stylized scatter plot visualizes the Iris flower dataset, displaying sepal length against sepal width for each specimen. The visualization is built with React and uses D3 v5 utilities, including `scaleLinear` for axis scaling and `extent` for data domain calculation. The SVG renderings feature custom Poppins typography, teal-colored data points, and axis labels with a 90-degree rotation for the y-axis label. CSS named colors from a GitHub gist are loaded asynchronously via D3's `csv` function, with each point containing a tooltip that formats its x-value using D3's `format` function.

AI-generated description

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