# Población mundial

> Un póster infográfico: cifras destacadas, un gráfico de áreas apiladas interactivo por región y una cronología en barras de cada mil millones, con datos de World Population Prospects de la ONU.

Un póster infográfico en una sola página HTML: tres cifras destacadas, un gráfico de áreas apiladas interactivo, una cronología en barras y una minigráfica de doce mil años. Cada gráfico es SVG en línea dibujado por unas pocas líneas de script a partir de los números de la página, y cada color es un token que cambia con el modo oscuro del sitio.

## De un vistazo

**8,23mil millones** personas vivas en 2025, más del triple que en 1950

**10,3mil millones** el máximo previsto, alcanzado a mediados de la década de 2080 antes de un lento descenso

**×17** el crecimiento de África entre 1950 y 2100, de 228 millones a 3.800 millones

## Población por región

miles de millones, 1950–2100 · pasa el cursor para ver los valores

- **Asia
- **África
- **Europa
- **América Latina
- **Norteamérica
- **Oceanía

Asia alcanza su máximo de 5.290 millones hacia 2055; a partir de ahí, casi todo el crecimiento es africano.

## Años para sumar cada mil millones

1. **2 mil M**1927122
2. **3 mil M**196033
3. **4 mil M**197515
4. **5 mil M**198712
5. **6 mil M**199811
6. **7 mil M**201012
7. **8 mil M**202212
8. **9 mil M**203715
9. **10 mil M**206124

Barras en años; \* proyección de la variante media de la ONU. Los primeros mil millones: 1805.

## Los últimos 12.000 años

miles de millones

Durante 11.800 de esos años la línea es plana: hubo que esperar hasta 1805 para llegar a los mil millones, y solo 220 años más para llegar a ocho mil millones.

Tabla de datos

| Año | Asia | África | Europa | América Latina | Norteamérica | Oceanía | Mundo |
| --- | ---- | ------ | ------ | -------------- | ------------ | ------- | ----- |

## Cómo está hecho

- **Las cifras destacadas** son una fila flex que se ajusta y cuyo hueco de 1px deja ver el color del borde, así que las tarjetas tienen divisores finos sin una sola regla de borde.
- **Las áreas apiladas** se calculan en el navegador: la banda de cada región es un trazado desde su base hasta su techo, y una capa invisible ajusta la retícula al paso de cinco años más cercano. Un `ResizeObserver` lo vuelve a dibujar al ancho real, así que las etiquetas siguen midiendo 11px en un móvil.
- **La cronología de los miles de millones** no usa ninguna librería de gráficos: cada barra es un `::before` cuyo ancho es la propiedad personalizada `--years`, y las filas proyectadas pasan a un relleno rayado.

Fuente: [World Population Prospects 2024 de la ONU](https://population.un.org/wpp/), con la serie de largo plazo de HYDE y Gapminder, según la recopilación de [Our World in Data](https://ourworldindata.org/population-growth).