Inspiration
Montreal is a cultural melting pot - students and working professionals for all over the world relocate to Montreal to start a new chapter of their lives. As many of us have close relatives that have relocated to the city, this is a place dear in our hearts. Inspired by the DRW data visualization, we wanted to observe the socioeconomic landscape of immigrants living on the island. Now that there have been stricter regulations into entering the province of Quebec, we were curious to see if our preconceived thoughts on the topic were accurate.
What it does
Immigrant Insights MTL allows users to visualize the wealth distribution as well as the distribution of immigrants residing across the island of Montreal through an interactive map. Across the two map views, each map view has a range of shaded burrows in different colors. The darker the color, the greater the value is in that area, whether that be the wealth or density of immigrant residents.
How we built it
All data used for this project is open data publicly released by the City of Montreal and the Canada Mortgage and Housing Corporation (Government of Canada):
- Sondage Écho sur l'inclusion des personnes immigrantes
- Montréal — Household Income - Average and Median ($)
We built the map using the Leaflet map library. We parsed the data and filtered the data to create categories for the map coloring. Two map views were made to create a stark contrast between the density of immigrant population and the neighborhoods they can be found in.
Challenges we ran into
We ran into trouble when trying to parse the CSV file using JavaScript. We were trying to use a different NPM package that was throwing errors when parsing. We ended up switching to D3, another parsing package, and after some debugging, we managed to parse the CSV file containing the immigrant data.
Accomplishments that we're proud of
As we had lost a member going into the hackathon, we were unsure that we would manage to create a completed
What we learned
We learned
What's next for Immigrant Insights MTL
_ Disclaimer _: ChatGPT was consulted for the ideation for the project name
Built With
- css
- html5
- javascript
- leaflet.js
- opendata
Log in or sign up for Devpost to join the conversation.