Urbinsight is a data visualization platform used to analyze environmental data for cities globally. The project was built for Ecocity Builders, which is an environmental nonprofit base out of Oakland, California. The platform is used to view relevant map layers, as well as user input data based on Quality of Life survey, and parcel audits, which are used to understand resource use.
- Created map layers using TileMill and Mapbox Studio
- Developed a backend API to allow for dynamic data transformations related to cities.
- Implemented Neo4j, MongoDB, and PostgreSQL for different data needs.
- Ran spatial queries using PostGIS and MongoDB Geospatial API
- Single Page Application using Angular, and NodeJS
- Created architecture to allow for dynamic chart generation using D3.js and the C3.js libraries
This application serves as a visual interface for a much larger information system called Urban Metabolism Information System or UMIS. This system was developed by researchers at the IMF, and is seen as a tool to understand how resource use is affected spatially, and across which use cases are the most impactful. This is a prototype for a possible larger implementation that could be used by urban planners, architects, and designers, to design more sustainable cities.
In order to implement this model I had to build the entire data object in a document store, and translate the requisite functions into a built-in library that would transform the data in a way that can be visualized. This was then connected to the scrolling functionality of the map so that it was possible to pan around the map, and get the data for the area in view.
The aim of this application was to build a coherent interface that could be used by multiple different types of users and provide important data in a way that was not overwhelming for people who are not used to viewing city level data. I wanted it to be pleasing to the eye, while also being powerful, and in this way many of the data generation features are hidden in a way that allows for seemless data viewing.
Creating a dynamic dashboard proved pretty challenging in that state across the application had to be managed in a way that didn't create problems with the different watchers that were updating based on each data type.
- I made custom maps that were visually pleasing but not distracting. Often government data is presented in a way that is at times stoic and bland, I wanted to create an interface that was appealing to a larger range of users and ages.
- Dynamic AJAX calls are created automatically through map interaction which allows for seamless data rendering and interaction.
- Switching between cities is straigthforward and the user is provided feedback about missing data.
Demand Summary Table Visualization
Quality of Life Survey Visualization
Peru Zoning Map
Base Layer Information
- Full UMIS implementation build out.
- Spatial Sankey diagrams to understand how resources move across geographic regions.
- Implement Users and Authorization in order to allow for data uploading and curation.
- Allow for users to add data for arbitrary cities.
I plan to continue to develop this application to perfect the UI and data analysis tools.
Urbinsight is deployed at urbinsight.herokuapp.com.