Difference between revisions of "IS428 AY2019-20T1 Assign Tan Sok Yi Dashboard"
(6 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
<!--MAIN HEADER --> | <!--MAIN HEADER --> | ||
{|style="background-color:#CD5C5C ;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | {|style="background-color:#CD5C5C ;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#CD5C5C; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#CD5C5C; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Tan_Sok_Yi| <font color="#FFFFFF">Background</font>]] | [[IS428_AY2019-20T1_Assign_Tan_Sok_Yi| <font color="#FFFFFF">Background</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_DataTransformation| <font color="#FFFFFF">Dataset Analysis and Cleaning Process</font>]] | [[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_DataTransformation| <font color="#FFFFFF">Dataset Analysis and Cleaning Process</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_Dashboard| <font color="#FFFFFF">Dashboard</font>]] | [[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_Dashboard| <font color="#FFFFFF">Dashboard</font>]] | ||
− | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width=" | + | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#CD5C5C; text-align:center;" width="25%" | |
; | ; | ||
[[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_Insights| <font color="#FFFFFF">Insights</font>]] | [[IS428_AY2019-20T1_Assign_Tan_Sok_Yi_Insights| <font color="#FFFFFF">Insights</font>]] | ||
− | | | + | | |
− | + | |} | |
− | [[ | + | <br> |
+ | <div> | ||
+ | == Dashboards == | ||
+ | <p>The dashboards can be found in https://public.tableau.com/profile/tan.sok.yi#!/vizhome/Assignment_MC1/Home?publish=yes</p> | ||
+ | |||
+ | For this assignment, 3 dashboards (a home page, real-time damage report and an overview of the damage report) have been created. Each serves a different purpose which will be explained in the following sections. | ||
+ | <div> | ||
+ | === Homepage === | ||
+ | As there are more than 1 dashboard, the home page provides users the flexibility to switch between different dashboards. A brief introduction has been given to provide more information for the users before they navigate to other dashboards. | ||
+ | [[File: Home.PNG|800px|center]] | ||
+ | |||
+ | <center> | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! Interactive Visualisation || Rationales | ||
+ | |- | ||
+ | | Buttons to navigate to different dashboards <br/><br/> [[File: Buttons.png|600px|center]] || Give users convenience and flexibility to navigate to different dashboards. | ||
+ | |- | ||
+ | |} | ||
+ | </center> | ||
+ | </div> | ||
+ | <div> | ||
+ | === Real-Time Damage Report === | ||
+ | This dashboard shows the average damage value collated from the responses collected from the neighbourhood messaging app for different damage area. Using this dashboard, emergency responders would be able to see the degree of damage in different areas at one glance and make the necessary decisions. | ||
+ | |||
+ | The below explain the different charts included and the different interactive techniques used in the dashboard | ||
+ | [[File: Page1.png|800px|center]] | ||
+ | |||
+ | <center> | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! Interactive Visualisation || Rationales | ||
+ | |- | ||
+ | | Time Animation <br/><br/> [[File: time.png|200px|center]] || Allow user the flexibility to choose the timestamp they want to view. Also, the time can be automatically played to show the changes in the damage value at the different timestamp. | ||
+ | |- | ||
+ | | Highlighting of hovered location in the neighbourhood map <br/><br/> [[File: page1_hover.png|600px|center]] || Make it easier for users to see the degree of damage in different areas and the shake intensity based on the location they want to see | ||
+ | |- | ||
+ | | Filtering the line chart based on the location selected on the neighbourhood map <br/><br/> [[File: page1_select.png|600px|center]] || Allow user to see the specific changes in the total number of responses received for a specific location | ||
+ | |- | ||
+ | |} | ||
+ | </center> | ||
+ | </div> | ||
+ | <div> | ||
+ | === Overview Damage Report === | ||
+ | This dashboard shows a more detailed information on the number of responses collected for each location. The heat map provides more specific information on the number of responses collected for each value at different damage areas and date. | ||
+ | |||
+ | The below explain the different charts included and the different interactive techniques used in the dashboard | ||
+ | [[File: Page2.jpg|800px|center]] | ||
+ | |||
+ | <center> | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | ! Interactive Visualisation || Rationales | ||
+ | |- | ||
+ | | Filtering of the damage area and the specific date for the heat map <br/><br/> [[File: page2_filter.png|200px|center]] || Allows users to see detailed information of the response collected based on the damage area and the date | ||
+ | |- | ||
+ | | Filtering of heatmap based on location selected in the neighbourhood map <br/><br/> [[File: page2_select.png|600px|center]] || Allow users to do analysis on the different location | ||
+ | |} | ||
+ | </center> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div>[[#top|[Back to top]]]</div> |
Latest revision as of 22:14, 13 October 2019
|
|
|
|
Dashboards
The dashboards can be found in https://public.tableau.com/profile/tan.sok.yi#!/vizhome/Assignment_MC1/Home?publish=yes
For this assignment, 3 dashboards (a home page, real-time damage report and an overview of the damage report) have been created. Each serves a different purpose which will be explained in the following sections.
Homepage
As there are more than 1 dashboard, the home page provides users the flexibility to switch between different dashboards. A brief introduction has been given to provide more information for the users before they navigate to other dashboards.
Interactive Visualisation | Rationales |
---|---|
Buttons to navigate to different dashboards |
Give users convenience and flexibility to navigate to different dashboards. |
Real-Time Damage Report
This dashboard shows the average damage value collated from the responses collected from the neighbourhood messaging app for different damage area. Using this dashboard, emergency responders would be able to see the degree of damage in different areas at one glance and make the necessary decisions.
The below explain the different charts included and the different interactive techniques used in the dashboard
Interactive Visualisation | Rationales |
---|---|
Time Animation |
Allow user the flexibility to choose the timestamp they want to view. Also, the time can be automatically played to show the changes in the damage value at the different timestamp. |
Highlighting of hovered location in the neighbourhood map |
Make it easier for users to see the degree of damage in different areas and the shake intensity based on the location they want to see |
Filtering the line chart based on the location selected on the neighbourhood map |
Allow user to see the specific changes in the total number of responses received for a specific location |
Overview Damage Report
This dashboard shows a more detailed information on the number of responses collected for each location. The heat map provides more specific information on the number of responses collected for each value at different damage areas and date.
The below explain the different charts included and the different interactive techniques used in the dashboard
Interactive Visualisation | Rationales |
---|---|
Filtering of the damage area and the specific date for the heat map |
Allows users to see detailed information of the response collected based on the damage area and the date |
Filtering of heatmap based on location selected in the neighbourhood map |
Allow users to do analysis on the different location |