Difference between revisions of "ISS608 2017-18 T3 G2 Assign ChenYanchong Visualization"

From Visual Analytics and Applications
Jump to navigation Jump to search
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="background:#DBE4EA;border:#A3BFB1; padding:15px;border-radius: 5px;margin-bottom:5px">
+
<div style="display:flex;background:#DBE4EA;border:#A3BFB1; padding:15px;border-radius: 5px;margin-bottom:5px;font-family:Century Gothic;font-weight:bold;">
[[Image:Cyc nav pic.jpg|300px]]  
+
<div>[[Image:Cyc nav pic.jpg|300px]]</div>
<b><font size = 6; color="#0277BD"> <span style="font-family:Century Gothic;">ISSS608 Visual Analytics Vast Challenge Mini Challenge 2</span> </font></b>
+
<div style="display:flex;align-items:center;padding:0 5px"><font size = 6; color="#0277BD" style="text-align:center;">ISSS608 Visual Analytics Vast Challenge Mini Challenge 2</font></div>
 
</div>
 
</div>
 
<!--MAIN HEADER -->
 
<!--MAIN HEADER -->
Line 25: Line 25:
 
|}
 
|}
  
<font size="5">The final visualisation story board is available through  </font>[https://public.tableau.com/views/VA_Assignment_YanchongCHEN/StoryofwaterwaysinBLPreserve?:embed=y&:display_count=yes&publish=yes Chen Yanchong's Tableau Public]<br/>
+
<font size="5">The complete story board for this visualisation is available through  </font>[https://public.tableau.com/views/VA_Assignment_YanchongCHEN/StoryofwaterwaysinBLPreserve?:embed=y&:display_count=yes&publish=yes Chen Yanchong's Tableau Public]<br/>
 
'''This page will give a brief introduction of how the story board was prepared'''
 
'''This page will give a brief introduction of how the story board was prepared'''
  
 
=Preparation of worksheets=
 
=Preparation of worksheets=
 
There are total 11 worksheets are used.
 
There are total 11 worksheets are used.
==1 map==
+
==1. map==
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
[[Image:Cyc_wh_1.png|550px]]
+
[[Image:Cyc_wh_1.png|350px]] <br/>
Steps to take:
+
Steps to take:<br/>
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Adding a background map in Tableau
 
# Adding a background map in Tableau
 
# Using annotation to get the coordinate of each location on the map
 
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
# Using the prepared data table to left join the location table by the column "location"
[[Image:Cyc_wh_prep_1.jpg|300px]]
+
[[Image:Cyc_wh_prep_1.jpg|400px]]
  
==2 measure count overall==
+
==2. measure count overall==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: to should the tendency from the start to the end<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
[[Image:Cyc_wh_2.png|550px]]<br/>
Steps to take:
+
Steps to take:<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
# Create a calculated field ''' measure count ''', using formula : '''COUNTD([Measure])'''
# Adding a background map in Tableau
+
# Create a calculated field ''' first or last ''', using formula: '''FIRST() == 0 OR LAST() == 0'''
# Using annotation to get the coordinate of each location on the map
+
# Drag '''sample date''' to the column shelf, and '''measure count ''' to row shelf
# Using the prepared data table to left join the location table by the column "location"
+
# '''first or last ''' and '''location''' as filter, and choose '''True''' only
[[Image:Cyc_wh_prep_1.jpg]]
+
# '''measure count''' on row shelf again, and choose '''dual axis'''
 +
# '''location''' on color card, '''measure count''' and '''location''' on label card
 +
 
 +
==3. measure count detailed==
 +
Purpose of this worksheet: showing more detailed measure count than the slope chart above<br/>
 +
[[Image:Cyc_wh_3.png|550px]]<br/>
 +
Steps to take:<br/>
 +
# Duplicate the slope chart
 +
# Remove '''first or last''' from filter
 +
 
 +
==4. measure value per loc==
 +
Purpose of this worksheet: using with the map to perform point source<br/>
 +
[[Image:Cyc_wh_4.png|550px]]<br/>
 +
Steps to take:<br/>
 +
# Drag '''sample date''' to column shelf and drill it down to '''month''' granularity
 +
# Drag '''location''' and '''measure''' to row shelf in order
 +
# Put '''value''' on row shelf and choose '''average''' as aggregation method
 +
# Add '''value''' to color card and choose '''average''' as aggregation method
 +
# Drag '''location''' and '''measure''' to filter
 +
 
 +
 
 +
==5. measure value trend by year==
 +
Purpose of this worksheet: how single measure changes in each location by year<br/>
 +
[[Image:Cyc_wh_6.png|550px]]<br/>
 +
Steps to take:<br/>
 +
# '''sample date''' on column shelf and drill down to month
 +
# Put value on row shelf and choose average as aggregating method
 +
# Choose '''area''' for marks
 +
# Insert '''measure''' in title
 +
 
 +
 
 +
==6. measure value==
 +
Purpose of this worksheet: giving more intuitive feeling of the difference of single measure between the start year and the end year <br/>
 +
[[Image:Cyc_wh_5.png|550px]]<br/>
 +
Steps to take:<br/>
 +
# Duplicate the second slope chart
 +
# Add '''measure''' on filter
 +
# Double click the title and insert ''' measure ''' on the title
 +
# in the tooltip card, format it a bit and insert above chart to drill down more details
  
==3 measure count detailed==
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
 
[[Image:Cyc_wh_1.jpg|550px]]
 
Steps to take:
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Adding a background map in Tableau
 
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
[[Image:Cyc_wh_prep_1.jpg]]
 
  
==4 measure value per loc==
+
==7. heat map==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: using heatmap for the convenience of comparison and obtain more detail time series analysis<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
[[Image:Cyc_wh_7.png|550px]]<br/>
Steps to take:
+
Steps to take:<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
# Select '''measure''' to column shelf and '''location''' to row shelf
# Adding a background map in Tableau
+
# Drag '''sample date''' on column shelf and drill it down to '''month'''
# Using annotation to get the coordinate of each location on the map
+
# Drag '''month''' to row shelf
# Using the prepared data table to left join the location table by the column "location"
+
# Apply '''location''' and '''measure''' as filters
[[Image:Cyc_wh_prep_1.jpg]]
+
# Put average '''value''' on color card
  
==5 measure value==
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
 
[[Image:Cyc_wh_1.jpg|550px]]
 
Steps to take:
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Adding a background map in Tableau
 
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
[[Image:Cyc_wh_prep_1.jpg]]
 
  
==6 measure value trend by year==
+
==8. seasonality trend==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: to discovery seasonality patterns<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
[[Image:Cyc_wh_8.png|550px]]<br/>
Steps to take:
+
Steps to take:<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
# Duplicate '''the measure value by year trend''' worksheet  
# Adding a background map in Tableau
+
# Reverse the position of '''year''' and '''month'''
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
[[Image:Cyc_wh_prep_1.jpg]]
 
  
==7 heat map==
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
 
[[Image:Cyc_wh_1.jpg|550px]]
 
Steps to take:
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Adding a background map in Tableau
 
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
[[Image:Cyc_wh_prep_1.jpg]]
 
  
==8 seasonality trend==
+
==9. percentage diff==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: comparing each location against all<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
[[Image:Cyc_wh_9.png|550px]]<br/>
Steps to take:
+
Steps to take:<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
# Create calculated field '''avg_across_all''' by formula : '''{ FIXED YEAR([Sample Date]), [Measure]:AVG([Value])}'''
# Adding a background map in Tableau
+
# Create calculated field '''pct_diff_with_all ''' by formula: ''' ({ FIXED YEAR([Sample Date]), [Location], [Measure]:AVG([Value])} - [avg_across_all])/[avg_across_all]'''
# Using annotation to get the coordinate of each location on the map
+
# Create calculated field ''' increased? ''' by formula: ''' IF [pct_diff_with_all] > 0 THEN 'higher' ELSEIF [pct_diff_with_all] < 0 THEN 'lower' ELSE 'equal' END'''
# Using the prepared data table to left join the location table by the column "location"
+
# '''location''' and '''pct_diff_with_all''' on column shelf
[[Image:Cyc_wh_prep_1.jpg]]
+
# '''sample date''' on row shelf
 +
# '''measure''' and '''location''' on filter
 +
# '''increased? ''' on color card
  
==9 percentage diff==
 
Purpose of this worksheet: making use of the map and using the location information properly<br/>
 
[[Image:Cyc_wh_1.jpg|550px]]
 
Steps to take:
 
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
 
# Adding a background map in Tableau
 
# Using annotation to get the coordinate of each location on the map
 
# Using the prepared data table to left join the location table by the column "location"
 
[[Image:Cyc_wh_prep_1.jpg]]
 
  
 
==10 0.3 principle==
 
==10 0.3 principle==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: using 0.3 principle to detect the locations are polluted<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
'''''0.3 principle''' can see data preparation section for more details''<br/>
Steps to take:
+
[[Image:Cyc_wh_10.png|550px]]<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
Steps to take:<br/>
# Adding a background map in Tableau
+
# Create calculated field '''total chemical oxygen demand''' by formula: ''' IF [Measure]='Chemical Oxygen Demand (Cr)' THEN [Value] ELSEIF [Measure]='Chemical Oxygen Demand (Mn)' THEN [Value] END'''
# Using annotation to get the coordinate of each location on the map
+
# Create calculated field '''total oxygen demand''' by formula ''' IF [Measure]='Biochemical Oxygen' THEN [Value] END'''
# Using the prepared data table to left join the location table by the column "location"
+
# Create calculated field '''oxygen rate''' by formula '''AVG([total oxygen demand])/AVG([total chemical oxygen demand])'''
[[Image:Cyc_wh_prep_1.jpg]]
+
# Year of '''sample date''' and month of '''sample date''' on column shelf
 +
# '''oxygen rate''' on row shelf
 +
# Year of '''sample date''' and '''location''' on filter and '''location''' on details as well as on color
 +
# Add a constant reference line on across table with a value '''0.3'''
 +
 
  
==11 intuitive line graph==
+
==11. intuitive line graph==
Purpose of this worksheet: making use of the map and using the location information properly<br/>
+
Purpose of this worksheet: dividing the worksheet by location to obtain insights easier<br/>
[[Image:Cyc_wh_1.jpg|550px]]
+
[[Image:Cyc_wh_11.png|550px]]<br/>
Steps to take:
+
Steps to take:<br/>
# Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
+
# Create calculated field '''col divider ''' by formula : '''(INDEX()-1)%(ROUND(SQRT(SIZE()))) ''' 
# Adding a background map in Tableau
+
# Create calculated field '''row divider''' by formula : ''' INT((INDEX()-1)/ROUND(SQRT(SIZE())))'''
# Using annotation to get the coordinate of each location on the map
+
# Put '''location''' on detail and label
# Using the prepared data table to left join the location table by the column "location"
+
# Put '''col divider''' on column shelf and '''row divider''' on row shelf, make them computing using '''location''' and make them discrete value
[[Image:Cyc_wh_prep_1.jpg]]
+
# Drag '''value''' on row shelf as well as on color card and on label card
=Preparation of dashboard=
+
# Put '''measure''' as filter
  
=Preparation of story board=
+
=User Guide for dashboard=
 +
==Dashboard 1: Water composition changes by year==
 +
[[Image:Cyc_db_1.png|550px]]
 +
==Dashboard 2: Point source among locations==
 +
To filter measures, user can choose from the dropdown menu;<br/>
 +
Click the locations on the map the location filter can work on the scatter plot as well;<br/>
 +
If user clicked the empty area on the map, all the locations will be selected.<br/>
 +
[[Image:Cyc_db_2.png|550px]]

Latest revision as of 10:46, 9 July 2018

Cyc nav pic.jpg
ISSS608 Visual Analytics Vast Challenge Mini Challenge 2

Overview

Data Preparation

Visualization

Answer

Feedback

The complete story board for this visualisation is available through Chen Yanchong's Tableau Public
This page will give a brief introduction of how the story board was prepared

Preparation of worksheets

There are total 11 worksheets are used.

1. map

Purpose of this worksheet: making use of the map and using the location information properly
Cyc wh 1.png
Steps to take:

  1. Creating a excel worksheet named location with three columns inside it, location, Xcoord and Ycoord
  2. Adding a background map in Tableau
  3. Using annotation to get the coordinate of each location on the map
  4. Using the prepared data table to left join the location table by the column "location"

Cyc wh prep 1.jpg

2. measure count overall

Purpose of this worksheet: to should the tendency from the start to the end
Cyc wh 2.png
Steps to take:

  1. Create a calculated field measure count , using formula : COUNTD([Measure])
  2. Create a calculated field first or last , using formula: FIRST() == 0 OR LAST() == 0
  3. Drag sample date to the column shelf, and measure count to row shelf
  4. first or last and location as filter, and choose True only
  5. measure count on row shelf again, and choose dual axis
  6. location on color card, measure count and location on label card

3. measure count detailed

Purpose of this worksheet: showing more detailed measure count than the slope chart above
Cyc wh 3.png
Steps to take:

  1. Duplicate the slope chart
  2. Remove first or last from filter

4. measure value per loc

Purpose of this worksheet: using with the map to perform point source
Cyc wh 4.png
Steps to take:

  1. Drag sample date to column shelf and drill it down to month granularity
  2. Drag location and measure to row shelf in order
  3. Put value on row shelf and choose average as aggregation method
  4. Add value to color card and choose average as aggregation method
  5. Drag location and measure to filter


5. measure value trend by year

Purpose of this worksheet: how single measure changes in each location by year
Cyc wh 6.png
Steps to take:

  1. sample date on column shelf and drill down to month
  2. Put value on row shelf and choose average as aggregating method
  3. Choose area for marks
  4. Insert measure in title


6. measure value

Purpose of this worksheet: giving more intuitive feeling of the difference of single measure between the start year and the end year
Cyc wh 5.png
Steps to take:

  1. Duplicate the second slope chart
  2. Add measure on filter
  3. Double click the title and insert measure on the title
  4. in the tooltip card, format it a bit and insert above chart to drill down more details


7. heat map

Purpose of this worksheet: using heatmap for the convenience of comparison and obtain more detail time series analysis
Cyc wh 7.png
Steps to take:

  1. Select measure to column shelf and location to row shelf
  2. Drag sample date on column shelf and drill it down to month
  3. Drag month to row shelf
  4. Apply location and measure as filters
  5. Put average value on color card


8. seasonality trend

Purpose of this worksheet: to discovery seasonality patterns
Cyc wh 8.png
Steps to take:

  1. Duplicate the measure value by year trend worksheet
  2. Reverse the position of year and month


9. percentage diff

Purpose of this worksheet: comparing each location against all
Cyc wh 9.png
Steps to take:

  1. Create calculated field avg_across_all by formula : { FIXED YEAR([Sample Date]), [Measure]:AVG([Value])}
  2. Create calculated field pct_diff_with_all by formula: ({ FIXED YEAR([Sample Date]), [Location], [Measure]:AVG([Value])} - [avg_across_all])/[avg_across_all]
  3. Create calculated field increased? by formula: IF [pct_diff_with_all] > 0 THEN 'higher' ELSEIF [pct_diff_with_all] < 0 THEN 'lower' ELSE 'equal' END
  4. location and pct_diff_with_all on column shelf
  5. sample date on row shelf
  6. measure and location on filter
  7. increased? on color card


10 0.3 principle

Purpose of this worksheet: using 0.3 principle to detect the locations are polluted
0.3 principle can see data preparation section for more details
Cyc wh 10.png
Steps to take:

  1. Create calculated field total chemical oxygen demand by formula: IF [Measure]='Chemical Oxygen Demand (Cr)' THEN [Value] ELSEIF [Measure]='Chemical Oxygen Demand (Mn)' THEN [Value] END
  2. Create calculated field total oxygen demand by formula IF [Measure]='Biochemical Oxygen' THEN [Value] END
  3. Create calculated field oxygen rate by formula AVG([total oxygen demand])/AVG([total chemical oxygen demand])
  4. Year of sample date and month of sample date on column shelf
  5. oxygen rate on row shelf
  6. Year of sample date and location on filter and location on details as well as on color
  7. Add a constant reference line on across table with a value 0.3


11. intuitive line graph

Purpose of this worksheet: dividing the worksheet by location to obtain insights easier
Cyc wh 11.png
Steps to take:

  1. Create calculated field col divider by formula : (INDEX()-1)%(ROUND(SQRT(SIZE())))
  2. Create calculated field row divider by formula : INT((INDEX()-1)/ROUND(SQRT(SIZE())))
  3. Put location on detail and label
  4. Put col divider on column shelf and row divider on row shelf, make them computing using location and make them discrete value
  5. Drag value on row shelf as well as on color card and on label card
  6. Put measure as filter

User Guide for dashboard

Dashboard 1: Water composition changes by year

Cyc db 1.png

Dashboard 2: Point source among locations

To filter measures, user can choose from the dropdown menu;
Click the locations on the map the location filter can work on the scatter plot as well;
If user clicked the empty area on the map, all the locations will be selected.
Cyc db 2.png