In light of the recent protests against police brutality and inequality in our country, we wanted to theme our hackathon project around spreading awareness about this issue.

What it does

There are two main aspects of our project: an interactive map and analytic graphs. First, we have an interactive map of NYC with all of its precincts. Hovering over a precinct will give its number, and clicking will show the number of unique complaints, number of total complaints, and the precincts' ranking based on the total complaints. On the right, the user can search for an address or use their current location and see their precinct.

We provide several analytic graphs, such as complaint distribution, complaints per year, and types of complaints. This page is designed to help users visualize an otherwise abstract set of data which can then be used to better understand the current situation in the United States.

How we built it

  • Flask for web framework
  • Bootstrap for the frontend
  • C3 for data visualization
  • Google Maps API for the interactive map

Challenges we ran into

  • Using the Google Maps API
  • Representing police precincts from GeoJSON data
  • Processing large amounts of data

Accomplishments that we're proud of

  • Learning how to use Google Cloud and Google Maps API
  • Understanding GeoJSON data
  • Creating aesthetically pleasing graphs using C3

What we learned

  • How to use Google Maps API
  • Data visualization and analysis with C3
  • Better team cooperation with Git

What's next for Transparency

  • Serving the website from a remote host with HTTPS
  • Using more data sources to provide more accurate and interesting data
Share this project: