Difference between revisions of "IS428 AY2019-20T1 Assign Wei Ming InteractiveVisualization"
| Line 40: | Line 40: | ||
<p>The upper map is used as a filter to show data for selected neighborhood. I didn't use a normal filter because with a map, it is clearer for us to identify the position of a neighborhood in the city than merely using IDs or names.</p> | <p>The upper map is used as a filter to show data for selected neighborhood. I didn't use a normal filter because with a map, it is clearer for us to identify the position of a neighborhood in the city than merely using IDs or names.</p> | ||
[[File:Calendar heatmap wm.png|thumb|center|800px|Figure4 Calendar Heatmap]] | [[File:Calendar heatmap wm.png|thumb|center|800px|Figure4 Calendar Heatmap]] | ||
| − | <p>The calendar map helps the audience to identify the average severity for selected neighborhood and damage type intuitively by the shade of the color. Darker area represents higher severity while lighter area represents lower. When a block is white, it means there's missing data. Therefore, it also helps with representing the amount of missing data</p> | + | <p>The calendar map helps the audience to identify the average severity for selected neighborhood and damage type intuitively by the shade of the color. Darker area represents higher severity while lighter area represents lower. When a block is white, it means there's missing data. Therefore, it also helps with representing the amount of missing data.</p> |
[[File:Time series wm.png|thumb|center|800px|Figure5 Time Series Severity and Variance]] | [[File:Time series wm.png|thumb|center|800px|Figure5 Time Series Severity and Variance]] | ||
| − | <p>This time series chart is used to indicate trend and the variance of severity over this five day period. Variance is related to uncertainty because it represents the fluctuation of the data</p> | + | <p>This time series chart is used to indicate trend (upper panel) and the variance (lower panel) of severity over this five day period. Variance is related to uncertainty because it represents the fluctuation of the data. The top axis stands for date (i.e. April 8) and the bottom axis stands for time of a day (i.e. 4am). There is a reference line for each panel marking the average value.</p> |
[[File:Cycle plot wm.png|thumb|center|800px|Figure6 Cycle Plot Graph]] | [[File:Cycle plot wm.png|thumb|center|800px|Figure6 Cycle Plot Graph]] | ||
| + | <p>The cycle plot graph is used to check if there is any pattern of shake/damage in time of a day. The top axis stands for time of a day (i.e. 4am) and the bottom axis stands for date (i.e. April 8).</p> | ||
Latest revision as of 22:13, 13 October 2019
Mini-Challenge 1: Crowdsourcing for Situational Awareness
Check full visualization here
Contents
Overview
This visualization consists of three part, Preliminary Analysis, Damage Map and Change Over Time, which can be navigated from the home page. It can helps the audience to have a basic understanding of the report data from the damage reporting mobile application, to be able to view a damage map for different categories of infrastructure and shake intensity, and also to get information of condition changes over time.
Part 1: Preliminary Analysis
Refer to Preliminary Analysis in "Data Analysis & Transformation" section.
Part 2: Damage Map
In "Damage Map" Dashboard, you can select the damage category including water & sewer, roads & bridges, power, medical and building, as well as shake intensity for a certain period of time to be displayed on St. Himark's city map, with the shade of the color representing the average severity of damage. Beside the main map, a scatter chart is used to indicate the percentile of each location under specific filters, so that we can tell the relative severity of a neighborhood compared to others.
Part 3: Change Over Time
There are three sub-parts in this dashboard, the location selector map, the calendar heatmap, the time series severity and variance and the cycle plot graph.
The upper map is used as a filter to show data for selected neighborhood. I didn't use a normal filter because with a map, it is clearer for us to identify the position of a neighborhood in the city than merely using IDs or names.
The calendar map helps the audience to identify the average severity for selected neighborhood and damage type intuitively by the shade of the color. Darker area represents higher severity while lighter area represents lower. When a block is white, it means there's missing data. Therefore, it also helps with representing the amount of missing data.
This time series chart is used to indicate trend (upper panel) and the variance (lower panel) of severity over this five day period. Variance is related to uncertainty because it represents the fluctuation of the data. The top axis stands for date (i.e. April 8) and the bottom axis stands for time of a day (i.e. 4am). There is a reference line for each panel marking the average value.
The cycle plot graph is used to check if there is any pattern of shake/damage in time of a day. The top axis stands for time of a day (i.e. 4am) and the bottom axis stands for date (i.e. April 8).
