Crime data visualization

Inspiration

Nowadays, a lot of crimes are happening in the city or even in our neighborhood. If the information is not made available to the public then they can fall prey to criminals. In order to avoid these situations I have created this project. It is helpful to new home buyers to inspect their surroundings, for investigators and police to know the details of the crime and where is it located, and in general for the personal safety of people.

What it does

It provides the markers on the map for Baltimore city where the crimes are committed along with the details such as the location, time, date, description, and code. It also opens a street view besides recognizing the street in case someone does not know the street name.

How we built it

I built it using HTML, CSS, and Javascript and also with the help of two Google Maps Platform APIs - Maps Javascript API and Street View API.

Challenges we ran into

There were a few challenges faced while using the APIs like not being able to load the geojson data from an external site into the application. Validating each and every web referrer who can access the API. Issues while creating a payload are to be displayed in the information window of every marker. Application deployment issues to App Engine.

Accomplishments that we're proud of

Being able to add creative marker icons. And also accommodate the street view feature.

What we learned

Learned how to tackle and resolve the errors and bugs faced and how to efficiently use Google Maps API.

What's next for Crime data visualization

To expand the visualization for a wider area. Currently, it is done for Baltimore city, but I am planning to have a crime dataset for the United States of America or even for all the cities across the globe. In order for all the residents to take advantage of this safety information.

Built With

• google-maps
• javascript
• mapsjavascriptapi
• streetviewapi