Difference between revisions of "Group04 UserGuide"

From ISSS608-Visual Analytics and Applications
Jump to navigation Jump to search
Line 40: Line 40:
 
Menu button is used to hide or show side menu bar.
 
Menu button is used to hide or show side menu bar.
 
[[File:UserGuide 0.png|700px|center]]
 
[[File:UserGuide 0.png|700px|center]]
 +
  
 
==Dashboard==
 
==Dashboard==
#Total Survey Number
+
# Total Survey Number <br>Inside the box shows the total number of our survey, click the icon to view distribution of happiness and respondents by age.
Inside the box shows the total number of our survey, click the icon to view distribution of happiness and respondents by age.
+
# Total Male Respondents <br>Inside the box shows the total number of male respondents, click the icon to view distribution of happiness and respondents by age for male respondents only.
#Total Male Respondents
+
# Total Female Respondents <br>Inside the box shows the total number of female respondents, click the icon to view distribution of happiness and respondents by age for female respondents only.
Inside the box shows the total number of male respondents, click the icon to view distribution of happiness and respondents by age for male respondents only.
+
# Distribution of Happiness <br>As shown in below bar chart, happiness levels are divided into 1 to 5.
#Total Female Respondents
+
# Distribution of Respondents by Age <br>As shown in below histogram chart, the distribution of respondents by age.
Inside the box shows the total number of female respondents, click the icon to view distribution of happiness and respondents by age for female respondents only.
 
#Distribution of Happiness
 
As shown in below bar chart, happiness levels are divided into 1 to 5.
 
#Distribution of Respondents by Age
 
As shown in below histogram chart, the distribution of respondents by age.
 
 
[[File:UserGuide 1.png|700px|center]]
 
[[File:UserGuide 1.png|700px|center]]
  
 
==Exploratory Data Analysis==
 
==Exploratory Data Analysis==
#Control – Selected Province
+
#Control – Selected Province <br>Change the selected province from the dropdown list, distribution of Health, Depression, Equity, Class, Peer Status and Income Ability will change accordingly by selected province, default it is showing the national level.
Change the selected province from the dropdown list, distribution of Health, Depression, Equity, Class, Peer Status and Income Ability will change accordingly by selected province, default it is showing the national level.
 
 
[[File:UserGuide 2.png|700px|center]]
 
[[File:UserGuide 2.png|700px|center]]
  
  
 
==Multivariate Matrix Analysis==
 
==Multivariate Matrix Analysis==
#Control – Correlation Variables
+
#Control – Correlation Variables <br>Change the variables from the dropdown list to show selected variables in correlation matrix.  
Change the variables from the dropdown list to show selected variables in correlation matrix.  
+
#Control – Upper Method <br>Default selected Number as upper method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
#Control – Upper Method
+
#Control – Lower Method <br>Default selected Ellipse as lower method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
Default selected Number as upper method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
+
#Control – Order Method <br>Default selected AOE as order method, user can change to following methods: AOE, FPC, HClust or Alphabet.
#Control – Lower Method
+
#Correlation Matrix <br>The correlation matrix shows the correlation between each selected variable.
Default selected Ellipse as lower method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
 
#Control – Order Method
 
Default selected AOE as order method, user can change to following methods: AOE, FPC, HClust or Alphabet.
 
#Correlation Matrix
 
The correlation matrix shows the correlation between each selected variable.
 
 
[[File:UserGuide 3.png|700px|center]]
 
[[File:UserGuide 3.png|700px|center]]
  
  
 
==Likert Scale & Bubble Plot==
 
==Likert Scale & Bubble Plot==
#Control – Variables Show in Bubble Plot
+
#Control – Variables Show in Bubble Plot <br>Select variable to show in the average score of it in happiness per province.
Select variable to show in the average score of it in happiness per province.
+
#Control – Breakdown Happiness Level <br>Select Yes to breakdown the stacked bar chart into happiness level, default selected No.
#Control – Breakdown Happiness Level
+
#Stacked Barchart <br>Likert Scale is used to view the distribution of answers of same scale questions.
Select Yes to breakdown the stacked bar chart into happiness level, default selected No.
+
#Bubble Plot <br>Bubble Plot is used to view the average score of happiness and all factors in every province.
#Stacked Barchart
 
Likert Scale is used to view the distribution of answers of same scale questions.
 
#Bubble Plot
 
Bubble Plot is used to view the average score of happiness and all factors in every province.
 
 
[[File:UserGuide 4.png|700px|center]]
 
[[File:UserGuide 4.png|700px|center]]
  
  
 
==Choropleth Mapping==
 
==Choropleth Mapping==
#Control – Classification Method
+
#Control – Classification Method <br>The controller is used to change different classification method.
The controller is used to change different classification method.
+
#Control – Selected Region <br>The controller is used to select different region to view the distribution within specified region.
#Control – Selected Region
+
#Control – Comparing Variable <br>Select different variables to view the distribution compared to Happiness as show in left map.
The controller is used to select different region to view the distribution within specified region.
+
#Choropleth Map <br>Left map shows the distribution of happiness level among China, right Map will show according to selected variable.
#Control – Comparing Variable
 
Select different variables to view the distribution compared to Happiness as show in left map.
 
#Choropleth Map
 
Left map shows the distribution of happiness level among China, right Map will show according to selected variable.
 
 
[[File:UserGuide 5.png|700px|center]]
 
[[File:UserGuide 5.png|700px|center]]
  
  
 
==Cluster Analysis==
 
==Cluster Analysis==
#Control – Heatmap Variable
+
#Control – Heatmap Variable <br>The controller is used to select variables to show in heatmap.
The controller is used to select variables to show in heatmap.
+
#Control – Transformation Method <br>Default selected Scaling as data transformation method, user can change to following methods: Scaling, Normalising or Percentising.
#Control – Transformation Method
+
#Control – Distribution Method <br>Default selected Euclidean as distribution method, user can change to following methods: Euclidean, Maximum, Manhattan or Canberra.
Default selected Scaling as data transformation method, user can change to following methods: Scaling, Normalising or Percentising.
+
#Control – Hierarchical Cluster Method <br>Default selected Ward.D as hierarchical cluster method, user can change to following methods: Ward.D, Single, Complete, Average or Median.
#Control – Distribution Method
+
#Control – Number of Clusters <br>The controller is used to change the number of clusters from heatmap.
Default selected Euclidean as distribution method, user can change to following methods: Euclidean, Maximum, Manhattan or Canberra.
+
#Heatmap <br>Heatmaps are good for showing variance across multiple variables, revealing any patterns, displaying whether any variables are similar to each other, and for detecting if any correlations exist in-between them.
#Control – Hierarchical Cluster Method
+
#Number of Cluster <br>The line chart shows the optimal number of clusters, user can determine the number of clusters accordingly.
Default selected Ward.D as hierarchical cluster method, user can change to following methods: Ward.D, Single, Complete, Average or Median.
 
#Control – Number of Clusters
 
The controller is used to change the number of clusters from heatmap.
 
#Heatmap
 
Heatmaps are good for showing variance across multiple variables, revealing any patterns, displaying whether any variables are similar to each other, and for detecting if any correlations exist in-between them.
 
#Number of Cluster
 
The line chart shows the optimal number of clusters, user can determine the number of clusters accordingly.
 
 
[[File:UserGuide 6.png|700px|center]]
 
[[File:UserGuide 6.png|700px|center]]

Revision as of 17:33, 26 April 2020

Happy face banner.jpg

CHINA HAPPINESS SURVEY

Proposal

Poster

Application

Report

User Guide

 


Menu

Our application provides 6 main features as following:

  • Dashboard
  • Exploratory Data Analysis
  • Multivariate Matrix Analysis
  • Likert & Bubble Plot
  • Choropleth Mapping
  • Cluster Analysis

Menu button is used to hide or show side menu bar.

UserGuide 0.png


Dashboard

  1. Total Survey Number
    Inside the box shows the total number of our survey, click the icon to view distribution of happiness and respondents by age.
  2. Total Male Respondents
    Inside the box shows the total number of male respondents, click the icon to view distribution of happiness and respondents by age for male respondents only.
  3. Total Female Respondents
    Inside the box shows the total number of female respondents, click the icon to view distribution of happiness and respondents by age for female respondents only.
  4. Distribution of Happiness
    As shown in below bar chart, happiness levels are divided into 1 to 5.
  5. Distribution of Respondents by Age
    As shown in below histogram chart, the distribution of respondents by age.
UserGuide 1.png

Exploratory Data Analysis

  1. Control – Selected Province
    Change the selected province from the dropdown list, distribution of Health, Depression, Equity, Class, Peer Status and Income Ability will change accordingly by selected province, default it is showing the national level.
UserGuide 2.png


Multivariate Matrix Analysis

  1. Control – Correlation Variables
    Change the variables from the dropdown list to show selected variables in correlation matrix.
  2. Control – Upper Method
    Default selected Number as upper method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
  3. Control – Lower Method
    Default selected Ellipse as lower method, user can change to following methods: Circle, Square, Ellipse, Number, Shade, Color or Pie.
  4. Control – Order Method
    Default selected AOE as order method, user can change to following methods: AOE, FPC, HClust or Alphabet.
  5. Correlation Matrix
    The correlation matrix shows the correlation between each selected variable.
UserGuide 3.png


Likert Scale & Bubble Plot

  1. Control – Variables Show in Bubble Plot
    Select variable to show in the average score of it in happiness per province.
  2. Control – Breakdown Happiness Level
    Select Yes to breakdown the stacked bar chart into happiness level, default selected No.
  3. Stacked Barchart
    Likert Scale is used to view the distribution of answers of same scale questions.
  4. Bubble Plot
    Bubble Plot is used to view the average score of happiness and all factors in every province.
UserGuide 4.png


Choropleth Mapping

  1. Control – Classification Method
    The controller is used to change different classification method.
  2. Control – Selected Region
    The controller is used to select different region to view the distribution within specified region.
  3. Control – Comparing Variable
    Select different variables to view the distribution compared to Happiness as show in left map.
  4. Choropleth Map
    Left map shows the distribution of happiness level among China, right Map will show according to selected variable.
UserGuide 5.png


Cluster Analysis

  1. Control – Heatmap Variable
    The controller is used to select variables to show in heatmap.
  2. Control – Transformation Method
    Default selected Scaling as data transformation method, user can change to following methods: Scaling, Normalising or Percentising.
  3. Control – Distribution Method
    Default selected Euclidean as distribution method, user can change to following methods: Euclidean, Maximum, Manhattan or Canberra.
  4. Control – Hierarchical Cluster Method
    Default selected Ward.D as hierarchical cluster method, user can change to following methods: Ward.D, Single, Complete, Average or Median.
  5. Control – Number of Clusters
    The controller is used to change the number of clusters from heatmap.
  6. Heatmap
    Heatmaps are good for showing variance across multiple variables, revealing any patterns, displaying whether any variables are similar to each other, and for detecting if any correlations exist in-between them.
  7. Number of Cluster
    The line chart shows the optimal number of clusters, user can determine the number of clusters accordingly.
UserGuide 6.png