CollisionViz is a data visualization web app for motor vehicle collisions in New York City. It is built with
- Select the date. The app will load all the collisions on that day from NYPD API, and show a time distribution chart and a heatmap.
- The app also shows markers for collisions that happened during 8AM-9AM. Click on the chart to change the hour. Click on a marker for collision details.
npm install
: installs node_modules and also builds development version ofbundle.js
andmain.css
, which can also be generated withnpx webpack
andnpx sass src/scss/main.scss main.css
NODE_ENV=production npx webpack
: builds production / minified version ofbundle.js
npm start
: webpack watches jsx file changes- Open
index.html
in browser to see the app. npm audit fix
to fix security issues in node modules.
- 8/2/2020: updated dependencies
- 3/16/2020: major update
- Add
- adaptors for third party APIs
- Change
- reorganize files and directories
- Remove - less is more
- play/pause mechanism
- custom crash icons
- map layers
- Redux
- Add
- get date and time from URL query params
- use GitHub Actions to run
npm start
whenever master branch is updated, so thatbundle.js
does not have to be in this repo.