desipix
Tile cartograms in the browser, built from real geography plus a data weight. Three geographies — Espanya (CCAA), Catalunya (comarques), and Europa (NUTS-2 across EU-27 + UK + EFTA) — each with three rendering modes:
- Equilibrat — a tile cartogram with amplified inequalities. Each region’s tile count is proportional to its data value (with a power transform that exaggerates the spread), then tiles are arranged to roughly preserve geographic position. Cities show as a darker shade of the region colour.
- Diferències — a Dorling cartogram. Each region is one circle, area ∝ value, placed at the geographic centroid with force-collide so they don’t overlap.
- Escalat — a non-contiguous cartogram. A faded base map shows true
geography while each region’s real polygon is scaled around its centroid by
sqrt(value / max).
Multi-year datasets where available — Eurostat 2014–2024 for Europe, INE and IDESCAT for Spain and Catalonia. All labels in Catalan.
It’s a pure static site: a vanilla-JS UI shell, D3 from a CDN, and the
tile-cartogram algorithm (projection → rasterize → redistribute → smooth) in
src/cartogram.js. Boundaries come from click_that_hood (Spain), ICC (Catalan
comarques), and Eurostat GISCO (NUTS-2). Try it above.