Difference between revisions of "IS428 AY2019-20T1 Assign Wendy Ng Sock Ling Dashboard Design"
Wendyng.2015 (talk | contribs) |
Wendyng.2015 (talk | contribs) |
||
Line 5: | Line 5: | ||
{|style="background-color:#C1C7C9;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | {|style="background-color:#C1C7C9;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#107896; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#107896; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling| <font color="#FFFFFF">Overview</font>]] | [[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling| <font color="#FFFFFF">Overview</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Transformation| <font color="#FFFFFF">Data Transformation</font>]] | [[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Transformation| <font color="#FFFFFF">Data Transformation</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Dashboard_Design| <font color="#FFFFFF">Dashboard Design</font>]] | [[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Dashboard_Design| <font color="#FFFFFF">Dashboard Design</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Tasks| <font color="#FFFFFF">Tasks</font>]] | [[IS428_AY2019-20T1_Assign_Wendy_Ng_Sock_Ling_Tasks| <font color="#FFFFFF">Tasks</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#107896; text-align:center;" width="25%" | |
− | |||
− | |||
− | |||
|} | |} | ||
Revision as of 12:20, 13 October 2019
|
|
|
|
Description | Visualization |
---|---|
1. Background and Navigation
|
|
2. Which neighbourhoods should be prioritised?
The bar chart in the middle shows the average extent of damage of all reports at the time selected for each location respectively. By selecting the location, the breakdown of the damage which can be seen on the right (empty if no location is selected). The location selected will be highlighted while all other locations are at the background in order to allow comparison of the damage by the facilities/ infrastructures. By hovering over circles that are not highlighted, the location can be viewed so as to enable responders to know which location is more damaged for the respective facility/infrastructure. For instance, in this picture the date and time "6/4/2020 12:00:00 AM" and location "2" are selected. As seen in the breakdown, although location 2 has the lowest average damage based on the bar chart, it has the highest damage on power. Hence, the responders might consider sending St. Himark's power department to location 2. |
|
3. Location with hardest hit
|
|
4. Comparison of damage reports and earthquake shake map
|
|
5. Reports by location over time
|