Difference between revisions of "IS428 AY2019-20T1 Assign Lee Cheng Leng Visualisation 1"
Jump to navigation
Jump to search
Cllee.2017 (talk | contribs) (Created page with "== Dashboard 1: Overview of Radiation Levels in St. Himark == === Component 1: Radiation Concentration Map === '''Purpose''' * Shows the radiation concentration levels over ti...") |
Cllee.2017 (talk | contribs) |
||
Line 1: | Line 1: | ||
+ | <div style=background:#3D5480 border:#A3BFB1> | ||
+ | [[File:Frederic-paulussen-LWnD8U2OReU-unsplash.jpg|frameless|Photo by Frédéric Paulussen on Unsplash||200px]] | ||
+ | <font size = 5; color="#FFFFFF">VAST 2019 MC2: Citizen Science to the Rescue</font> | ||
+ | </div> | ||
+ | |||
+ | {|style="background-color:#3D5480;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng| <font color="#FFFFFF">Overview</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_EDA| <font color="#FFFFFF">Data Exploration and Transformation</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisations| <font color="#FFFFFF">Interactive Visualisation</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Findings| <font color="#FFFFFF">Task Findings</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | |||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_References| <font color="#FFFFFF">References</font>]] | ||
+ | ; | ||
+ | |} | ||
+ | <hr> | ||
+ | {|style="background-color:#3D5480;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0" | | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #000000; background:#3D5480; text-align:center;" width="25%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisations| <font color="#FFFFFF">Homepage</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisation 1| <font color="#FFFFFF">Dashboard 1</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisation 2| <font color="#FFFFFF">Dashboard 2</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisation 3| <font color="#FFFFFF">Dashboard 3</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | [[IS428_AY2019-20T1_Assign_Lee_Cheng_Leng_Visualisation 4| <font color="#FFFFFF">Dashboard 4</font>]] | ||
+ | | style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" | | ||
+ | ; | ||
+ | |} | ||
+ | |||
== Dashboard 1: Overview of Radiation Levels in St. Himark == | == Dashboard 1: Overview of Radiation Levels in St. Himark == | ||
=== Component 1: Radiation Concentration Map === | === Component 1: Radiation Concentration Map === |
Revision as of 02:26, 13 October 2019
|
|
|
|
|
|
|
|
|
|
|
Contents
Dashboard 1: Overview of Radiation Levels in St. Himark
Component 1: Radiation Concentration Map
Purpose
- Shows the radiation concentration levels over time, with the radiation levels reflected from the mobile sensor data.
- Allows user to identify neighbourhoods with high radiation concentration
Description
- Mobile sensor data was chosen for this visualisation as it had higher coverage over the various St. Himark neighbourhoods
- Density map is useful in showing the radiation "hot spots" at a glance - if radiation levels are higher in the neighbourhood, the opacity and intensity of the spots will increase.
Component 2: Static Sensor Heatmap
Purpose
- Shows the radiation levels reported by the static sensors
- Provides data to identify the radiation levels at the more crucial areas of St. Himark, such as the nuclear plant.
Description
- Uses colour intensity to clearly indicate sensors which are reporting high radiation levels
- The size range is adjusted such that readings below 75 are the smallest in size. This is because it is found that the maximum acceptable background radiation level is 75cpm.
Interactive Visualisation Techniques Used
- Select: Hover
A tooltip is shown when the user hovers over the sensor reading, providing them information regarding when the radiation reading was taken, the value recorded for that reading, along with which sensor recorded the reading.
- Filter: Slider
A slider is used to select a time frame for which the user wishes to visualise the changes in radiation levels. This allows the user to take a closer look at time periods of interest.
For example, a user might want to exclude 6 April and 7 April from his analysis as there is little radiation over background detected for those two days in the simulation. This feature would then allow them to do so.
- Pagination: Time Lapse