INTERACTIVE EXPERIENCE / 01
Syrian Maps
Syrian Maps / 2024
Make your
own way.
Drag A or B. Tap the map to move B.
Built from the original ideas.
This interactive experience uses simplified versions of the algorithms developed for Syrian Maps (2024). It recreates selected features on a smaller dataset to demonstrate how the original project works.
This recreation uses React, TypeScript and Three.js, with a compact in-memory street graph. The original system used database-backed map blocks and a Canvas 2D dashboard. Building heights here are illustrative; the footprints follow the archived map.
Try the idea with this experience’s compact, openly licensed map extract. The file contains geometry and routing data, not an offline application.
See it with a developer’s eye.
Enable Developer mode anywhere in this portfolio to inspect real draw calls, primitives and GPU resources. Switch to wireframe to see the geometry underneath the surface.
In this experience, roads and search traces are line geometry; building surfaces reveal their triangles. Statistics update from the active renderer’s last frame.