Inspiration

We wanted to make city data accessible and meaningful. Urban Insight was inspired by the need for clearer insights into how environmental, safety, and accessibility factors shape urban life in Calgary.

What it does

It maps real-time and open data like flood zones, and crime patterns into one interactive dashboard, helping planners and residents make smarter, data-driven decisions.

How we built it

Built with React + Vite, styled with Tailwind, and powered by OpenLayers for GIS visualization. Data comes from NASA/ESA satellites and City of Calgary open datasets, formatted in GeoJSON (EPSG:3778) for local accuracy.

Challenges we ran into

Combining datasets with different projections, managing large GeoJSON files efficiently, and ensuring the interface stayed fast and responsive.

Accomplishments we're proud of

Integrated satellite and civic data into a smooth, interactive map and made complex GIS insights accessible to everyone.

What we learned

Data normalization, coordinate projection handling, and advanced map interactivity using OpenLayers.

What's next

Add real-time IoT data, expand to other cities, and apply machine learning for predictive urban analytics.

Built With

Share this project:

Updates