A HackPVD Project

Project Summary

Navigation is tough. Safe navigation is tougher. Whether you're a tourist or a local, our project for HackPVD allows for anyone to get a fast and easy-to-understand visual of the safest areas in Providence using the city's public complaint data API. On desktop or mobile, quickly view to see the areas with the most complaints and have the power to act accordingly.

Rhode Island Open data is a two dimensional array. 2d array

How to install on my own computer?

npm install

node collection.js

Data Stream

Using Open Data from RI Data Providence Open Data Part of the technology we are going for is data driven map.
How we populated the data to d3:

Rhode Island Open Data d3 populate data from Rhode Island

Codepen Collab Between the Team

Example: http://codepen.io/toklok/pen/YqLQPd

Collab mode: http://codepen.io/toklok/collab/YqLQPd/

CodePen Live

[codepen live view](http://codepen.io/toklok/live/BKxQvg

note:CodePen.io is sort of like a REPL that is easy to iterate and see changes live.

Resources

Lodash _filter https://github.com/mbostock/d3/wiki/Requests

Sources and References

[centering things in css] (https://css-tricks.com/centering-css-complete-guide/ "centering things in css")

[leaflet's documentation] (http://leafletjs.com/examples/quick-start.html "Leaflet documentation")

D3 Tutorials

https://github.com/mbostock/d3/wiki/Tutorials

##Inspiring videos

[Google Maps developer] (https://www.youtube.com/watch?v=wqPGFs0cqxI "Google I/O")

[D3.js making beautiful web maps] (https://www.toptal.com/javascript/a-map-to-perfection-using-d3-js-to-make-beautifa "d3.js making beautifuk web apps")

[A Map to Perfection: Using D3.js to Make Beautiful Web Maps] (https://www.toptal.com/javascript/a-map-to-perfection-using-d3-js-to-make-beautifa)

[d3js and leaflet] (http://bl.ocks.org/sumbera/10463358 "d3 and leaflet")

[mapbox and leaflet youtube video] (https://www.youtube.com/watch?v=jRXaQC0jKcg "mapbox and leaflet yt tutorial")

lodash deep

phinias12/HackPVD