I was able to successfully load a google map through the api as well as create an array to house custom data points.
For the next iteration of my project, my goal was to start working with data from the NYC Open Data portal, or other similar public datasets. Many of these datasets are available in multiple formats for inclusion with Google Maps, JSON, GeoJSON, KML etc.
I tried several times to load in GeoJSON items using the loadJSON function, but I was unsuccessful in loading either locally hosted or remote files. I think there may be a need to use node.js or something similar to load the items server-side, but I was unable to figure this out. There is also an issue with something called CORS enabled websites. See picture below for what this means. I ran into this problem when trying to directly load JSON from the NYC Open Data pages since they do NOT support this right now.
For my final, I would like to try to create a heatmap of WiFI hotspots around NYC and plot them against information about annual average income. There has been talk that communities that are more “disadvantaged” are not benefiting from civic investments in technology infrastructure. I want to see if this is true in some way, and if so, to be able to show this divide in a compelling manner.
If I can manage to do this, my stretch goal will be do create a few other maps similar to this that explore relations between things like:
- # Police Precincts vs. Median Income
- 311 Complaints vs. Median Income
I will then do the same thing using data from the American Community Survey (part of the US census) to draw polygon/shape files of the income distributions per census tract. This should allow us to see if it is true that Wifi hotspots are indeed more prolific in high-income areas than low-income ones.
Check out the video of my second iteration below: