ZIP Code Map Studio

Real ZCTA boundaries · pan, zoom, rotate, tilt

0 selected

Fill color

#FFB347

Fill opacity35%

Outline color

#FFD28A

Outline width2px

Corner rounding0%

ZIP number labels

Label color

#FFD28A

Label size13px

Label halo

#000000

Halo width1.4px

Scale labels with zoom

Group labels when zoomed out

Label placement

Label offset X0px

Label offset Y0px

Dim everything else

Darkness62%

Tint

#05070C

Desaturate map0%

All layers

Place names

Road labels

Water labels

Points of interest

Admin boundaries

Roads

Buildings

Show ZIP tooltips

Fields shown in the tooltip

All fields

ZCTA / ZIP code

GEOID

Centroid (lat, lon)

Total area

Land area

Water area

Water share

Populationno data

People per sq mino data

Median ageno data

Median household incomeno data

Housing unitsno data

Median home valueno data

Demographic figures (population, income, housing) need a free Census API key stored as CENSUS_API_KEY. Geometry fields always work.

Include

Padding (px)

Transparent background

Transparent outside area

Scale bar

North arrow

Crops to exactly what you see — about 128 × 128 px.

Bundles PNG at 1x, 2x and 4x, a transparent PNG, plus layered SVGs (opaque and transparent) into a single archive.

Include ZIP codes

Style only — colors, labels and layer toggles. Your ZIP list stays as-is when loading.

Saved style presets appear here (stored in this browser).

Share config

Copies your ZIP list and every style setting as JSON — paste it back here on any device to restore or share the exact look.

Add ZIP codes on the left to highlight their real boundaries. Drag to pan, scroll to zoom, right-drag to rotate and tilt.