Civic Investment Map
A 3D civic map translated thirteen sites, three eras, and ninety years of research into an investor-event experience.
MapLibre GL JS, terrain, building extrusions, custom WebGL layers, and a multi-phase site-selection state machine were directed through prompt contracts and iterative visual critique.
Role
UX and interaction designerAI-directed frontend builder
Outcome
A production 3D civic narrative delivered for a live investor event on a hard deadline.
The spatial evidence model
Ninety years became a navigable argument.
The 3D experience connected thirteen sites to three eras and ninety years of neighborhood history, revealing detail as viewers moved between place, time, and stewardship. MapLibre, terrain, building extrusions, custom WebGL layers, and a site-selection state machine were directed through prompt contracts, regression guards, and visual critique. The build met a fixed live-event deadline while preserving one evidence chain from historical research to the public interaction.
At a glance
13 sites · 3 eras · 90 years of neighborhood history
In the record
Prompt contracts + regression guards · Land-over-time state diagram · Cartographic system comparison · Thirteen-site / three-era research dataset · MapLibre terrain and WebGL prototype · Event-state disclosure sequence
Model the evidence
Sites, eras, actors, terrain, and narrative sources became a spatial data structure rather than a linear report.
Direct the agents
Prompt contracts and visual critique kept an AI-directed build stable across technical and aesthetic iteration.
Land the live moment
Progressive disclosure and a constrained state machine made a dense historical argument navigable under event conditions.
