Difference between revisions of "IS428 AY2019-20T1 Assign Lim Zi Yuan Interactive Visualization"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
(Created page with " <!--Sub Header-->   {| style="background-color:white; text-transform: uppercase; font-size:14px; font-weight: bold; text-align:center;padding: 5px 0 0 0;" width="100%" h...")
 
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<div style=background:#3D5480 border:#A3BFB1>
  
−
<!--Sub Header-->
+
<font size = 5; color="#FFFFFF">VAST 2019 MC2: Citizen Science to the Rescue</font>
−
&nbsp;
+
</div>
−
{| style="background-color:white; text-transform: uppercase; font-size:14px; font-weight: bold; text-align:center;padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
 
  
−
<!-- Current Page -->
+
{|style="background-color:#3D5480;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"  |
−
| style="vertical-align:top;width:20%;" | <div style="padding: 3px; line-height: wrap_content; border-bottom:5px solid #f58220; font-family:helvetica"> [[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_1 |<font color =#008e97 ><b>Question 1</b></font>]]
+
| style="font-family:Century Gothic; font-size:100%; solid #000000; background:#3D5480; text-align:center;" width="20%" |
 +
;
 +
[[IS428_AY2019-20T1_Assign_Lim_Zi_yuan| <font color="#FFFFFF">Problem and Motivation</font>]]
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" |
 +
;
 +
[[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_Data_Analysis_Transformation| <font color="#FFFFFF">Dataset Analysis and Transformation</font>]]
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" |
 +
;
 +
[[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_Interactive_Visualization| <font color="#FFFFFF">Interactive Visualizations</font>]]
 +
| style="font-family:Century Gothic; font-size:100%; solid #1B338F; background:#3D5480; text-align:center;" width="20%" |
 +
 +
[[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_1| <font color="#FFFFFF">Observations</font>]]
 +
;
 +
|}
  
−
| style="vertical-align:top;width:20%;" | <div style="padding: 3px; line-height: wrap_content; border-bottom:1px dashed #f58220; font-family:helvetica"> [[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_2 | <font color =#008e97 ><b>Question 2</b></font>]]
 
  
−
| style="vertical-align:top;width:20%;" | <div style="padding: 3px; line-height: wrap_content; border-bottom:1px dashed #f58220; font-family:helvetica"> [[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_3 | <font color =#008e97 ><b>Question 3</b></font>]]
+
==Interactive Visualization==
 +
The Visualization can be viewed at: https://public.tableau.com/profile/lim.zi.yuan#!/vizhome/Assignment_15709442157310/Overview
  
−
| style="vertical-align:top;width:20%;" | <div style="padding: 3px; line-height: wrap_content; border-bottom:1px dashed #f58220; font-family:helvetica"> [[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_4 | <font color =#008e97 ><b>Question 4</b></font>]]
 
  
−
| style="vertical-align:top;width:20%;" | <div style="padding: 3px; line-height: wrap_content; border-bottom:1px dashed #f58220; font-family:helvetica"> [[IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_5 | <font color =#008e97 ><b>Question 5</b></font>]]
+
===Home Page===
 +
[[File:Overviewdasda.png|500px|centre]]
 +
===Static Page===
 +
[[File:Staticd.png|500px|centre]]
 +
===Mobile Page===
 +
[[File:Mobilea.png|500px|centre]]
 +
===Interactive Page===
 +
[[File:Interactive.png|500px|centre]]
 +
 
 +
== Interactive Visualisation Techniques Used ==
 +
{| class="wikitable"
 +
|-
 +
! Feature !! Description !! Image
 +
|-
 +
| 3|| '''Day Filter'''
 +
Allows user to view data by the different days.
 +
||
 +
[[File:Dasdsa.png|thumb]]
 +
|-
 +
|-
 +
| 3|| '''Hour Filter'''
 +
Allows user to filter data by the hour allowing them to create their own visualization.
 +
||
 +
[[File:2za.png|thumb]]
 +
|-
 +
|-
 +
| 3|| '''Day Filter (Multi Value)'''
 +
Aesthetically pleasing, user uses a dropdown menu to select days.
 +
||
 +
[[File:3z.png|thumb]]
 +
|-
 +
|-
 +
| 3|| '''Animate Time Filter'''
 +
User can use this tool by dragging and view the data simulation by the different days and hours. Allows viewing of mobile static. 
 +
||
 +
[[File:4.png|thumb]]
 +
|-
 +
|-
 +
| 3|| '''Value Filter'''
 +
Using this Value Filter, users can sort the amount of data points they want in their visualization. Mainly used to filter between keeping the outlier value or not.
 +
||
 +
[[File:Ff.png|thumb]]
 +
|-
 +
|}

Latest revision as of 13:37, 13 October 2019

VAST 2019 MC2: Citizen Science to the Rescue

Problem and Motivation

Dataset Analysis and Transformation

Interactive Visualizations

Observations


Interactive Visualization

The Visualization can be viewed at: https://public.tableau.com/profile/lim.zi.yuan#!/vizhome/Assignment_15709442157310/Overview


Home Page

Overviewdasda.png

Static Page

Staticd.png

Mobile Page

Mobilea.png

Interactive Page

Interactive.png

Interactive Visualisation Techniques Used

Feature Description Image
3 Day Filter

Allows user to view data by the different days.

Dasdsa.png
3 Hour Filter

Allows user to filter data by the hour allowing them to create their own visualization.

2za.png
3 Day Filter (Multi Value)

Aesthetically pleasing, user uses a dropdown menu to select days.

3z.png
3 Animate Time Filter

User can use this tool by dragging and view the data simulation by the different days and hours. Allows viewing of mobile static.

4.png
3 Value Filter

Using this Value Filter, users can sort the amount of data points they want in their visualization. Mainly used to filter between keeping the outlier value or not.

Ff.png
Retrieved from ‘https://wiki.smu.edu.sg/1920t1is428g1/index.php?title=IS428_AY2019-20T1_Assign_Lim_Zi_Yuan_Interactive_Visualization&oldid=5542’