← All notes
15 June 2026

Anatomy of an interactive leasing map

When a property manager lists retail tenancies, the floorplan is the product. PDFs flatten it; generic mapping libraries fight it. For Moe Plaza, we needed prospective tenants to explore 21 tenancies - sizes, features, availability - the way they'd walk the centre.

The answer was a hand-tuned SVG. Every tenancy is a real vector shape with its own identity, wired to data rather than baked into an image. That means hover states, availability colouring, and click-to-enquire come almost for free - and the whole map weighs less than a single floorplan photograph.

Pan and zoom are custom: pointer-based, momentum-free, and clamped so users can never lose the plaza off-screen. On touch devices the same gestures work without hijacking page scroll - the detail that separates a demo from a tool people actually use.

Behind it sits a small admin panel. When a lease is signed, the manager flips one field and the map, the listings, and the availability counts update together. No developer in the loop, no version-drift between the PDF and reality.

The lesson we keep re-learning: when the data is inherently spatial, don't abstract the space away. Give it coordinates and make it clickable.