Difference between revisions of "IS428 AY2019-20T1 Assign Christine Interactive Visualization"
Line 5: | Line 5: | ||
{|style="background-color:#B0E0E6; color:#fff; padding: 10 0 10 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | {|style="background-color:#B0E0E6; color:#fff; padding: 10 0 10 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | ||
| style="padding:0.2em; font-size:100%; background-color:#B0E0E6; text-align:center; color:#fff" width="10%" | | | style="padding:0.2em; font-size:100%; background-color:#B0E0E6; text-align:center; color:#fff" width="10%" | | ||
− | [[IS428_AY2019-20T1_Assign_Christine |<font color="#100c08" size= | + | [[IS428_AY2019-20T1_Assign_Christine |<font color="#100c08" size=2 face="Helvetica"><b>PROBLEM & MOTIVATION</b></font>]] |
| style="background:none;" width="1%" | | | style="background:none;" width="1%" | | ||
| style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#100c08" width="10%" | | | style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#100c08" width="10%" | | ||
− | [[IS428_AY2019-20T1_Assign_Christine_Data_Analysis_Transformation|<font color="#100c08" size= | + | [[IS428_AY2019-20T1_Assign_Christine_Data_Analysis_Transformation|<font color="#100c08" size=2 face="Helvetica"><b>DATA ANALYSIS & TRANSFORMATION</b></font>]] |
| style="background:none;" width="1%" | | | style="background:none;" width="1%" | | ||
| style="padding:0.2em; font-size:100%; background-color:#008B8B; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | | style="padding:0.2em; font-size:100%; background-color:#008B8B; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | ||
− | [[IS428_AY2019-20T1_Assign_Christine_Interactive_Visualization|<font color="#fff" size= | + | [[IS428_AY2019-20T1_Assign_Christine_Interactive_Visualization|<font color="#fff" size=2 face="Helvetica"><b>INTERACTIVE VISUALIZATION</b></font>]] |
| style="background:none;" width="1%" | | | style="background:none;" width="1%" | | ||
| style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | | style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | ||
− | [[IS428_AY2019-20T1_Assign_Christine_Anomalies_Observation|<font color="#100c08" size= | + | [[IS428_AY2019-20T1_Assign_Christine_Anomalies_Observation|<font color="#100c08" size=2 face="Helvetica"><b>ANOMALIES OBSERVATION</b></font>]] |
| style="background:none;" width="1%" | | | style="background:none;" width="1%" | | ||
| style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | | style="padding:0.2em; font-size:100%; background-color:#B0E0E6; border-bottom:0px solid #3D9DD7; text-align:center; color:#fff" width="10%" | | ||
− | [[IS428_AY2019-20T1_Assign_Christine_Reference|<font color="#100c08" size= | + | [[IS428_AY2019-20T1_Assign_Christine_Reference|<font color="#100c08" size=2 face="Helvetica"><b>REFERENCE</b></font>]] |
|} | |} | ||
</div> | </div> |
Revision as of 21:36, 11 October 2019
Visualization of Always Safe Nuclear Power Plant can be accessed here: <URL>.
More details on the individual dashboard as follow:
In this case, a large dataset is provided to the investigator to conduct a deep analysis of the problem in St. Himark. Due to large dataset, numerous analysis is needed in order to provide better insight in detecting the cause of the problem or even propose a solution to the detected problem. As such, it will be impossible to display all analyses in a single dashboard. While these analyses are interrelated to each other hence, there is no sequential order that should be followed. To resolve these issues, flexibility has become the main solution where it should provide users the flexibility to navigate the dashboard from one to another. To do so, the interactive button was created with 5 different categories – Homepage, Density Map, Map Dashboard, Radiation Level Readings, and Cumulative Sum of Sensors Readings. Each of these categories will be a further breakdown and provide the freedom of users to choose the analysis that they interested in.
Contents
COMMON INTERACTIVE FEATURES ACROSS ALL PAGES/DASHBOARDS
These interactive features will be available across all pages / dashboards.
Interactive Technique | Rationale | Implementation Step |
---|---|---|
* Except Density Map |
|
|
|
|
HOMEPAGE
In this page, there will be brief write-up for the problem statement as well as motivation behind this analysis conducted along with the navigation buttons.
Interactive Technique | Rationale | Implementation Step |
---|---|---|
*Navigation button will be available for every pages/dashboards |
|
|
|
|
DENSITY MAP DASHBOARD
In this section, density map especially for Mobile sensor will be provided so that user could identify the region that have high possibility of getting contaminated.
Interactive Technique | Rationale | Implementation Step |
---|---|---|
|
|
MAP DASHBOARD
In this dashboard, the size of the dots on map will represent the different level of readings. Additionally, in mobile sensor readings, we will able to monitor the movement of cars on map along with the level of readings.
Interactive Technique | Rationale | Implementation Step |
---|---|---|
|
| |
|
|
RADIATION LEVEL READINGS
In this section, it will visualize the sensors’ reading over time for both Static and Mobile sensor. Through this graph, the small spikes or even small fluctuation of each reading can be observed so that it will allow users to detect any anomalies within that period of time. When raw data can reveal the spikes and changes over time, but it is not significant enough due to the consistent shift in CPM values (e.g. 8 and 13 showed the elevation in CPM values but when have more subtle changes will become not that obvious). Hence, to show the smaller changes, the log scale of radiation will be used.
Interactive Technique | Rationale | Implementation Step |
---|---|---|
|
| |
|
|
CUMULATIVE SUM DASHBOARD
In this cumulative sum graph, it let users to be able to observe the first spikes of radiation level observed which will help in emergency responses if needed.
Major Features | Rationale | Implementation Step |
---|---|---|
|
| |
|
|