← Live DemoUse Case 07
📊

Demographics & Population

Explore 46 demographic and population datasets rendered on a single interactive globe — migration arcs, density hexagons, age structures, and 60+ years of historical trends.

📊

46

Data layers

🌍

195

Countries

✈️

Live

Migration arcs

H3

Population density

📅

60+ yrs

Historical trends

👥

Age

Structure pyramids

🏛

UN

Data authority

🗺

GPW v4

Population grid

Data Pipeline

From World Bank and UN demographic datasets to animated globe visualization in six steps.

🏛
01

World Bank / UN Data Ingestion

46 demographic indicators are fetched from the World Bank Indicators API and UN Population Division datasets. Series include population totals, growth rates, fertility rates, life expectancy, migration net flows, age structure distributions, and urbanization metrics.

World Bank Indicators APIUN Population Division46 indicator seriesMulti-year time series
🗺
02

Country Polygon Mapping

ISO-3166 country codes from the data APIs are joined to Natural Earth GeoJSON country polygons at 50 m and 110 m resolution. Each polygon feature is enriched with the full demographic attribute set for the selected indicator and year.

Natural Earth GeoJSONISO-3166 code join50 m / 110 m resolutionFeature attribute merge
📐
03

Layer Normalization

Each demographic indicator is normalized using min-max scaling across all 195 countries for the current reference year. Log-scale normalization is applied for highly skewed distributions (e.g., population totals) to prevent large countries from dominating the color range.

Min-max normalizationLog-scale for skewed data195-country rangePer-layer scaling
04

H3 Density Binning

For population density layers, gridded population data (GPW v4 / WorldPop) is binned into H3 hexagonal cells at resolution 3–5. H3 density provides sub-country granularity, revealing within-country population concentration patterns invisible at the country level.

GPW v4 / WorldPop gridsH3-js resolution 3–5Sub-country granularityDensity normalization
✈️
05

Migration Arc Computation

UN bilateral migration stock data (origin/destination pairs) is converted to great-circle arcs with stroke width and color scaled to migration volume. Arcs are culled to the top N flows per selected region to maintain visual clarity on the globe.

UN bilateral migrationGreat-circle arcsVolume-scaled strokeTop-N culling
🌐
06

Globe Rendering

Country polygons color-coded by the active demographic layer, H3 density hexagons, and migration arcs are composited on a globe.gl WebGL globe. Layer switching, year scrubbing, and country click-through for full indicator profiles are all handled in real time.

globe.gl + Three.jsWebGL polygon layerH3 hex overlayArc animation

Tech Stack

🏛

World Bank API

Primary data

🌍

UN Population Division

UN data

🌐

globe.gl + Three.js

Globe renderer

H3-js

Hex binning

🖥

Three.js / WebGL

GPU rendering

📐

Natural Earth GeoJSON

Country shapes

🗺

GPW v4 / WorldPop

Population grid

Next.js App Router

Framework

📊 Key Capabilities

  • 46 configurable demographic data layers from World Bank and UN datasets

  • Population density and growth overlays with sub-country H3 hex resolution

  • Migration flow arcs by origin/destination scaled to bilateral migration volume

  • Age structure pyramids by country for fertility, mortality, and dependency analysis

  • Fertility and mortality rate heatmaps across 60+ years of historical data

  • Urban vs. rural distribution layers with country-level click-through profiles

Explore global population data in 3D

46 demographic layers, migration arcs, and population density hexagons on a single interactive globe — built for research and planning teams.

Request a Demo