Phase 47 mockup v2 · 2026-05-27

NYC Heatmap v2 — clean polygons, your direction

Brand-gradient heat (Variant 2) + live-count badges (Variant 3) combined, with real NYC Neighborhood Tabulation Area polygons fetched live from NYC Open Data. ~195 NTAs covering all 5 boroughs. Tap any nabe to set it as active.

Tip: pinch / scroll to zoom and pan. Brand-colored nabes are the demo-relevant ones; the rest stay as thin neutral outlines so the map still reads "NYC" without overwhelming. Same pipeline extends to LA, Tokyo, Paris, etc. once approved.

Final variant — Brand + Badges

Indigo (quiet) → violet → magenta (alive)

Demo-relevant nabes are fully colored + badged with live activity. Neutral NTAs are thin outlines for context.

Quieter
Busier
Loading NYC Neighborhood Tabulation Areas from NYC Open Data…
First load fetches ~600KB of polygon data. Subsequent loads use the browser cache.

What changed from v1

Real boundaries

v1 used hardcoded rectangles for ~20 neighborhoods. v2 fetches NYC's actual 195 Neighborhood Tabulation Areas (NTAs) live from the NYC Open Data SODA API. No more "crazy rectangles."

Brand + badges combined

Your pick: Variant 2 colors (indigo→violet→magenta brand gradient) + Variant 3 live badges (pulsing fuchsia pill when busy, neutral green dot when quiet). One visual treatment, not three.

Demo focus

20 demo-relevant NYC nabes are fully colored + badged. The other ~175 NTAs (parks, cemeteries, lower-density areas) stay as thin neutral outlines — keeps the map reading as "NYC" without burying the demo focus.

Next steps once you approve

  1. Ship as a code feature in Phase 47 (after iPad UAT + monetization deep dive).
  2. Bake the NTA fetch into the build (or pre-bundle the polygons as static JSON) so the live experience doesn't depend on NYC Open Data uptime.
  3. Wire real liveness — derive from MOCK_POSTS count per neighborhood + MOCK_HOTSPOTS Right Now activity + MOCK_EVENTS today.
  4. Build the saved/favorite-nabes dropdown UI (sample in v1 mockup, bottom).
  5. Same pipeline for LA (Mapping LA dataset), Tokyo (chōme via OSM), Paris (arrondissements via city open data), etc. once NYC ships.