Skip to content

Latest commit

 

History

History

lab06

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

Lab 6: Making a Smart Dashboard

Instructor: Bo Zhao, 206.685.3846 or zhaobo@uw.edu; Points Available = 50

In this lab, you will need to walk through the procedure to create a smart dashboard. The smart dashboard illustrates the earthquakes in Japan in September 2017, check out the demo from here). This dashboard is primarily built with a map component and a dynamic chart. This map component is made by MapBox, while the chart was built upon C3.js.

For your deliverable, you need to create a smart dashboard all by yourself upon the template we have provided. You should make this dashboard to visualize a specific geographical phenomenon. For example, you can create a smart dashboard to visualize the distribution of the COVID-19 cases in the US, or the vehicle collisions in Seattle. When you determine the geographical phenomenon, make sure the use of language on the information panel and the map style are relevant to the group. (20 POINTS).

Below are a few other requirement.

  • you will need to identify and use other geospatial datasets from the Internet or other projects you have been doing. (5 POINTS)
  • The thematic map should be either a choropleth map or a proportional symbol map. Please example in the readme file why you choose this type of map. (10 POINTS)
  • and at least two other data visualization components, like charts, dynamic icons/numbers, or diagrams. (10 POINTS)
  • make sure the repository accessible through the url https://[your_github_username].github.io/[your_repository_name]. Also, please provide the url to your webmap in the readme.md file. (5 POINTS).

Please make sure the internal structure of the files in your project repository is well organized. For example, it may be similar to the file structure below.

[your_repository_name]
    │index.html
    │readme.md
    ├─css
    │      style.css
    ├─img
    │      xxx.jpg
    └─js
            main.js