🌍 Public
Viewing a saved revision (read-only)
f7c9745e1db642c6a12b89de706fdf18
World Population Area Chart with D3.js
CCarloWK1202
Last edited Jul 11, 2022
Created on Jul 7, 2022
This example renders a red area chart of world population by year using D3.js v7 and SVG. It loads CSV data from a VizHub dataset, parsing the year column into JavaScript Date objects for a time-based x-axis and the population values for a linear y-axis. The chart employs `d3.area()` with a `curveBasis` interpolation to create the filled shape, along with `d3.axisLeft` and `d3.axisBottom` for labeled axes with a custom tick formatter converting billions. The rendered SVG includes a title, axis labels, and grid lines via tick size extensions.
AI-generated descriptionTemperature in San Fransico Line Chart