Maps & geography

Animated maps and geographic story components

Choropleths, bubble and flow maps, hex cartograms, world views, and editorial location stories built on real geographic data.

Map motion should clarify place, route, scale, or change. This family separates geographic storytelling from ordinary charts so locator, route, globe, and drill-down variants can grow coherently.

9 verified components. Browse every category.

block

Map Route Flyover

hfrm

A configurable MapLibre journey between two coordinates with a revealed great-circle route, satellite basemap, and frame-driven follow camera.

block

North Korea Locked Down

hf

Realistic map zoom into North Korea with a red scribble circle, locked-down pop-up label, and reddish editorial wash.

block

Spain Map

hf

Animated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection

block

US Bubble Map

hf

Animated US bubble map with proportional city markers, value callouts, and connection lines — composable with us-map

block

US Flow Map

hf

Animated connection arcs between US cities over a base map — composable origin-destination flow visualization

block

US Hex Grid Map

hf

Animated hexagonal tile grid map — each state as an equal-weight hex with data fill and abbreviation label

block

US Map

hf

Animated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP

block

Watercolor Route Map

hfrm

An illustrated route journey built from watercolor tiles, with a hand-drawn path treatment, place labels, and a deterministic frame-following camera.

block

World Map

hf

Animated world choropleth with country-by-country reveal, tooltip labels, and rotating globe inset — D3 Natural Earth projection