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)

92280c91b493481d89733514570ee847

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