Skip to content
← All work
Interactive toolJAMstack

Map Real Size

Drag countries on a Mercator map and watch true sizes change with latitude — globe view, equal-area projections, stack mode, and export.

Map Real Size interactive world map comparing country sizes

Challenge

Help people understand how badly the familiar Mercator projection distorts our sense of country scale — in a way that's instantly intuitive, not academic.

Approach

Built a fast, static-first app with geodesic drag math on the sphere, multiple projections, globe view, and shareable URLs — all without a 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