Skip to content
← All work
Interactive toolJAMstack

Map Real Size

Drag countries around a Mercator map to see their true sizes change with latitude. Includes globe view, equal-area projections, stack mode and export.

Map Real Size interactive world map comparing country sizes

Challenge

Show how much the Mercator projection distorts country sizes, in a way people get straight away.

Approach

A static app with geodesic drag maths, several projections, a globe view and shareable URLs. No backend.

Stack

  • Vanilla JS
  • D3.js
  • TopoJSON
  • Cloudflare Pages

Highlights

  • Drag-and-drop country comparison on Mercator and equal-area projections
  • Globe view, stack mode, and PNG/SVG export
  • Privacy-friendly analytics and zero server-side storage