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.
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.
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.
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.
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.
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.
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.
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