Fort Lauderdale Police Deployment Map

The goal of this project is to help in the allocation of police resources by facilitating a visual overlay of police response times.

demo

• Preview Build

Resources

• Fort Lauderdale PD Data Portal

Known Bugs

• (Major) Fix issue where heatmap inacurrately calculates dispatch and arrival crossing over midnight boundary
• (Major) For now I am assuming an officer is dispatched the same day the call arrives which isn't always true

Future Plans

• Deploy to gh pages so that demo is available to public
• Add capriority filter (so that users can filter calls given specific priorities)
• Add threshold slider (so that users can modify the response time cut-off as they wish)
• Add time of day filtering (different staff / shifts could account for skewing response time averages)
• Add date range filtering
• Add quick group views (all accidents, all medical responses, etc.)
• Add heat map output inversion (instead of red for slowest response, fastest response would show up as red)
• Add ability to see data for specific police zones
• Add overlay option for police / fire stations
• Add leaflet markercluster (to see point maps as clusters)
• Refactor code (Hackathon got the best of me. I'm not proud of what I did here) (also completely avoided Vuex)
  • Use proper Vuex dispatching and storage for components using immutability best practices
  • Clean up package.json (dev dependencies I'm looking at you)
  • Clean up source code (I used vuepack)

Potential Future Pivots

• Use traffic citation data and stop sign intersections to heatmap potential locations where there is poor visibility of stop signs
• Use traffic citation data for illegal parking + local public / private parking lots to figure out where effort can be spent to put parking signs (parking one block ahead, etc.)
• Use accident data in correlation with weather data to ascertain optimal locations for slippery when wet signs.

Moonshot

• What if we could build a self-service web app or app that let's a user get an estimate for how soon they can expect police to arrive given an incident description and date/time.

Open source

• Vue.JS / Vuex 2
• Vue2Leaflet
• leaflet.heat
• Open Street Maps
• DateFNS
• Webpack / Vbuild

Development Instructions

$ npm install

To develop:

$ vbuild client/index.js --dev

To build for production:

$ npm run build

To lint your code:

$ npm run lint