Explore · Learn · Build

Choose a map to explore.

Each example has one job. Start with the civic data, then use the code guide to build a map of your own.

01 · Election data

Candidate votes in SF

Compare 56 certified federal, statewide, and legislative contests across six elections from 2016 to 2026.

Explore candidate votes02 · Election data

California propositions in SF

Compare certified 2024 statewide proposition votes across the city’s eleven supervisorial districts. Download the results JSON.

Explore propositions03 · Election data

San Francisco local measures

Search 44 local measures across four elections and the 2002, 2012, and 2022 district maps.

Explore local measures04 · Geographic story

One spot, three San Franciscos

Pick a point and compare its neighborhood names and supervisorial districts across sources and years.

Explore a place04 · Map motion

District lines through time

Watch boundaries move between three official map years, then inspect each dated map.

See district history05 · Route overlay

Schematic BART journey

Follow a moving marker through eight station points. The connecting lines are illustrative.

See the journey06 · Geographic data

SFAR neighborhood guide

Explore the lightweight map’s neighborhoods, major parks, roads, and BART points.

Open the guide07 · Developer recipes

Build with the library

Copy focused examples for a static SVG, interactive map, route overlay, or selected geographic dataset.

Read code examples

These examples run in the browser from bundled files. The library renders offline and has no runtime dependencies. v4.0.1 · Available on npm