Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Course Code Along - Temperature Area Chart

Public visualization

Viewing a saved revision (read-only)

60fcb448e8f64ba7a9dd703dbe8c2f19

D3 Course Code Along - Temperature Area Chart

0 stars1🌍 Public
Rrenenadorp
Last edited Jun 10, 2020
Created on Jun 9, 2020

This example visualizes world population growth from 1000 to 2020 as a smooth, red-filled area chart against a light gray grid. The chart uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for both axes, `d3.area` with `d3.curveBasis` to generate the curved area, and `d3.axisLeft`/`d3.axisBottom` for labeled ticks. Population values are formatted in billions, with the y-axis label rotated vertically and the title centered above the plot. The code loads CSV data asynchronously and applies margins to position the visualization.

AI-generated description