Home

Goals

The goal of this project is to create a dashboard to empower the users manipulating traffic fatality data by automating all the manual tasks they do and much more!

We want to provide them the ability to easily browse the data and effortlessly interpret them. We want to allow them to seamlessly generate a monthly report or yearly retrospective. This should remove all their needs for spreadsheets or notebooks.

Use cases

1. As a user, I want to retrieve the traffic fatalities for a specific period of time, and display it in a grid (spreadsheet like).
2. As a user I want to be able to easily visualize specific information about the data I retrieve. This could take the form of graphs or maps. The visualization must help me analyze a problem, and make it easier for me to defend my arguments. For instance, I want to be able to say: "Looking at this graph it is clear that people driving between midnight and 3am are the ones involved the most in traffic fatalities related to drunk driving".
3. As a user I want to be able to generate reports. The main use cases are monthly reports and yearly retrospectives, but the generation should be customizable to accommodate other variants. I also want to be able to chose the items to include (data, graphs or maps).

Tech stack

• React
  • Next.js
• Redux
• Redux-saga
• React-vis from Uber for the graphs
• Enzyme
• Jest

Deployment

The dashboard will be deployed on GitHub pages. We considered Now, but we were not eligible for the free tier.

Deploying with ghp-import

ghp-import is a lightweight python wrapper around git to simplify the process of publishing a static website on GitHub pages.

Prepare the site:

git clear
npm i
npm run dump

Test it locally:

python3 -m http.server --directory out 8080

Publish the site:

ghp-import -n -p -f -c viz.scrapd.org -r upstream -m "Publish $(git describe)" out