Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Viewing a saved revision (read-only)

d153652e6ed74e4f8b3423fb86e7a69a

Stylized Scatter Plot

0 stars0🌍 Public
FFAN CHI YU(范紀予)
Last edited Oct 18, 2022
Created on Oct 18, 2022

This stylized scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal width on the y-axis using D3.js v5 scales. React components render SVG circles for each data point, with tooltips showing formatted values via the `title` element. The chart includes custom axes using `d3.scaleLinear` and `d3.extent`, styled with Poppins typography and teal-colored marks. Data loads asynchronously from a CSV URL using `d3.csv` within a custom `useData` hook.

AI-generated description

A scatter plot of The Iris Dataset.