Spatially anchored urban data visualization using handheld Augmented Reality

This project visualizes urban data in a real-world environment using handheld Augmented Reality devices.
You can open the current progress in a separate tab

(ONLY for Android mobile devices using WebXR):

Current version - only for Android:

Map plane placement with Roads and Events, with timeline.

Previous versions:

[ Android & iOS ] Hiro marker for Map plane placement, sphere at a given Point Of Interest

This is an early stage solution using a Hiro marker for Map plane placement, and a sphere at a given Point Of Interest
This solution was insightful in understanding the requirements for the final solution, but requiring the Hiro marker to be visible at all times is not ideal. Hiro marker can be found HERE

-: Hiro marker solution :--

Functionality reassurance:

(Ensure device functionality and features)

Make sure WebGL is supported:

Small WebGL demo exploring materials, lighting and orbit controls (All devices)

-: WebGL Support Test :--

Make sure camera access is granted:

Make sure camera access is granted for the device to work properly (All devices)

-: Camera Access Test :--

WebGL and Camera feed working together:

Test of WebGL and Camera feed working together (All devices)

--: WebGL + Camera feed :--

Plane detection & feature placement with spatial awareness

First solution that showcases the built in IMUs in modern mobile devices.
Since WebXR is not supported on iOS, this is where my problems started.

iOS: Plane detection, feature placement and spatial awareness - no camera feed
Android: Plane detection, feature placement and spatial awareness - camera feed

This solution moved away from the HIRO marker and instead allowed the user full control of feature placement
If WebXR is not supported it defaults to regular camera feed with click-to-spawn cubes

-: Plane detection & spatially aware cubes :--