Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Selecting a Year on Linechart

Public visualization

Viewing a saved revision (read-only)

5951a20ef61045eca71443f0e7492c34

Selecting a Year on Linechart

0 stars0🌍 Public
PPeter S
Last edited Oct 5, 2019
Created on Sep 21, 2019

A line chart displays population growth for world regions from 1950 to 2100, with each region colored via d3.scaleOrdinal and d3.schemeCategory10. Moving the mouse over the chart triggers d3.mouse to invert the x-scale, updating a vertical line marking the selected year. The visualization uses d3.csv to load UN population data, d3.nest to group by region, and d3.line with curveBasis to draw the paths.

AI-generated description

An example showing the population growth in different regions in the world