CollisionViz

CollisionViz is a data visualization web app for motor vehicle collisions in New York City. It is built with

How to Use

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 of bundle.js and main.css, which can also be generated with npx webpack and npx sass src/scss/main.scss main.css
NODE_ENV=production npx webpack: builds production / minified version of bundle.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.

get date and time from URL query params
use GitHub Actions to run npm start whenever master branch is updated, so that bundle.js does not have to be in this repo.

Name		Name	Last commit message	Last commit date
Latest commit History 318 Commits
assets		assets
docs		docs
lib		lib
src		src
.babelrc		.babelrc
.eslintrc		.eslintrc
.gitignore		.gitignore
CNAME		CNAME
README.md		README.md
bundle.js		bundle.js
index.html		index.html
main.css		main.css
package-lock.json		package-lock.json
package.json		package.json
webpack.config.js		webpack.config.js