This repository contains exercise codes for you to learn how to use Dash to build interactive web visualization. The ultimate outcome of this lab is to set up a Heroku instance to run your own python visualization work, just like what we have: https://hcde411-wi19-dash-demo.herokuapp.com/ .

Before start working on this lab, you should accept our GitHub Classroom assignment to get a copy of this repository. The new repository should be named hcde411-wi19/dash-demo-<your github account>.

You should also register a Heroku account. You can find instructions for registering Heroku in our lab slides.

Once you get your own repository and have a Heroku account, we can set up an automatic deployment from GitHub on Heroku. Again, the detailed steps can be found on our slides.

If you do the setup correctly, you should be able to see a live version of this repository on the Heroku URL you configure. It should be in the format of https://<your app name>.herokuapp.com/ (without <>).

File to work on: exercise1.py

Change our initial codes to contain not only total usage of the trail, but also breakdowns of the types of usage (Ped N, Ped S, Bike N, Bike S). The final view should look like the following picture:

File to work on: exercise2.py

Create another visualization of your choice of data and chart type. You can use pandas to help loading data, or just hard-coded the data is fine.

File to work on: exercise3.py

Create a visualization with interactivity. Similar to Exercise 2, you can decide what you want to use as data and chart type.