Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

World Population Area Chart with D3.js

Public visualization

World Population Area Chart with D3.js

0 stars0🌍 Public
Ssiddharth171
Last edited Jul 24, 2020
Created on Jul 24, 2020

This area chart displays world population trends over time, with a filled maroon curve and labeled axes for year and population. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path, with `axisBottom` and `axisLeft` providing tick marks and gridlines. Population data is loaded as CSV from a remote dataset and parsed by converting year strings to `Date` objects and populations to numbers. The chart’s title and axis labels are styled via CSS classes.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed