Postcard gallery ยท interactive map

Three ways to wire up an interactive US map

Each POC implements the same brief: click a state on the map, pick from a dropdown, or tap a chip in the quick-pick list โ€” all three controls stay in sync, the map highlights the active state, and the postcard gallery filters down to that state. Identical UX, three very different libraries underneath.

Pick a POC

Alternative 1

jQuery + Raphael

The New Signature jquery.usmap plugin. Mature, MIT/BSD licensed, but the upstream repo is archived.

Free for commercial use ~376 KB JS Archived 2020
Alternative 2

Simplemaps HTML5

Polished commercial plugin with popups, regions, zoom and locations. Free branded tier; paid for commercial use.

$99+ for commercial ~272 KB JS Active product
Alternative 3

Raw SVG + vanilla JS

The Simplemaps free SVG, inlined. Every interaction is hand-rolled CSS + JS โ€” minimum possible footprint.

Free everywhere ~75 KB SVG No dependencies