Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylized Scatter Plot

Public visualization

Stylized Scatter Plot

0 stars0🌍 Public
SSamir Nandardhane
Last edited May 7, 2023
Created on May 7, 2023
Forked from HTML Starter

This stylized scatter plot uses a responsive React component and D3 scales to map age against income from a CSV dataset. The visualization employs D3’s `scaleLinear` and `extent` functions to compute domains, with custom `AxisBottom` and `AxisLeft` components rendering SVG tick marks and labels. Each data point is an SVG circle with a `title` tooltip showing formatted values via D3’s `format`. The chart features rotated axis labels, a Poppins font, and a clean color palette, with styling applied through CSS classes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed