Difference between revisions of "IS428 AY2019-20T1 Assign Foo Yong Long: Visualization"

From Visual Analytics for Business Intelligence
Jump to navigation Jump to search
(Created page with "900px|center <!-- Header Start --> {|style="background-color:#E5E4E2; color:#dfdddc; padding: 10 0 10 0;" width="100%" cellspacing="0" cellpadding="0" val...")
 
 
(6 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
<!-- Header End -->
 
<!-- Header End -->
 
<br>
 
<br>
 +
 +
== Dashboard Link ==
 +
The link of the visualization can be found here: https://public.tableau.com/profile/foo.yong.long#!/vizhome/MC2Final/MC2Storyboard?publish=yes
 +
<br>
 +
 +
== Dashboard 1: Home Page ==
 +
[[File:1stdash.png|frameless|center]]
 +
 +
== Dashboard 2: Response Priority ==
 +
[[File:3rddash.png|frameless|center]]
 +
 +
== Dashboard 3: Data Uncertainty ==
 +
[[File:Analysisconta.png|frameless|center]]
 +
 +
== Visualization Techniques ==
 +
{| class="wikitable"
 +
|-
 +
! Technique !! Rationale & Implementation
 +
|-
 +
| Interactive Technique 1: Filter for the use of time range slider
 +
[[File:filter1.png|frameless|center]]
 +
|| Adding a filter allows the user to narrow down values that he/she wants to focus on. A slider allows the user to easily select the range of values that he or she wants to focus on and is easier than using a checkbox when analyzing continuous values. Examples of continuous variables used include dates and CPM values.
 +
 +
 +
'''Implementation:'''
 +
 +
To achieve this slider filter function, simply do the following steps:
 +
# Add the ‘AVG(Value)’ measure to the filter
 +
# Select "Range of Values"
 +
# Show the filter
 +
|-
 +
| Interactive Technique 2: Hover
 +
[[File:hover12.png|frameless|center]]
 +
|| Having the hover function allows the user to get important information about a data point at one glance.
 +
 +
'''Implementation:'''
 +
 +
To achieve the hover function, simply do the following steps:
 +
# Drag relevant details to ‘Tooltip’
 +
# Edit Tooltip. Make sure the variables are utilized.
 +
|-
 +
 +
 +
| Interactive Technique 3: Group
 +
[[File:MobileSensorsHighgroup.png|frameless|center]]
 +
||
 +
To better segmented and analyze data points that have similar characteristics.
 +
 +
'''Implementation:'''
 +
 +
To add more information to the hover function, simply do the following steps:
 +
# Highlight data points.
 +
# Right-click on them and add to group
 +
|-
 +
 +
| Interactive Technique 4: Pages/Animation
 +
[[File:pages.png|frameless|center]]
 +
|| Incorporating timing into pages allows us to better analyze the movement of certain data points. It provides a new context for analysis and helps user to spot trends.
 +
 +
'''Implementation:'''
 +
 +
To achieve the Filtering by Neighbourhood filter, simply do the following steps:
 +
# Drag ‘timestamp’ to ‘Filter’
 +
# Drag 'timestamp' to pages
 +
 +
|-
 +
 +
 +
 +
|}

Latest revision as of 23:48, 13 October 2019

Cover.png


OVERVIEW

DATA TRANSFORMATION

RISKS

RECOMMENDATION AND RATIONALE

VISUALIZATION


Dashboard Link

The link of the visualization can be found here: https://public.tableau.com/profile/foo.yong.long#!/vizhome/MC2Final/MC2Storyboard?publish=yes

Dashboard 1: Home Page

1stdash.png

Dashboard 2: Response Priority

3rddash.png

Dashboard 3: Data Uncertainty

Analysisconta.png

Visualization Techniques

Technique Rationale & Implementation
Interactive Technique 1: Filter for the use of time range slider
Filter1.png
Adding a filter allows the user to narrow down values that he/she wants to focus on. A slider allows the user to easily select the range of values that he or she wants to focus on and is easier than using a checkbox when analyzing continuous values. Examples of continuous variables used include dates and CPM values.


Implementation:

To achieve this slider filter function, simply do the following steps:

  1. Add the ‘AVG(Value)’ measure to the filter
  2. Select "Range of Values"
  3. Show the filter
Interactive Technique 2: Hover
Hover12.png
Having the hover function allows the user to get important information about a data point at one glance.

Implementation:

To achieve the hover function, simply do the following steps:

  1. Drag relevant details to ‘Tooltip’
  2. Edit Tooltip. Make sure the variables are utilized.
Interactive Technique 3: Group
MobileSensorsHighgroup.png

To better segmented and analyze data points that have similar characteristics.

Implementation:

To add more information to the hover function, simply do the following steps:

  1. Highlight data points.
  2. Right-click on them and add to group
Interactive Technique 4: Pages/Animation
Pages.png
Incorporating timing into pages allows us to better analyze the movement of certain data points. It provides a new context for analysis and helps user to spot trends.

Implementation:

To achieve the Filtering by Neighbourhood filter, simply do the following steps:

  1. Drag ‘timestamp’ to ‘Filter’
  2. Drag 'timestamp' to pages