Difference between revisions of "Arisaig Final Deliverable"

From Analytics Practicum
Jump to navigation Jump to search
 
(5 intermediate revisions by the same user not shown)
Line 25: Line 25:
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Chosen</span>
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Chosen</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
|- valign="top" '''Chloropleth'''<br>
+
|- valign="top"<br>
 
|[[File:Arisaig_Chloropleth1.png|450px|center]]
 
|[[File:Arisaig_Chloropleth1.png|450px|center]]
 
|
 
|
Line 50: Line 50:
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Selected</span>
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Selected</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
|- valign="top"
+
|- valign="top"<br>
 
|[[File:Arisaig_Scatterplot1.png|450px|center]]
 
|[[File:Arisaig_Scatterplot1.png|450px|center]]
 
|
 
|
* A treemap can convey our hierarchical data with 2 additional attributes via color and size, allowing us to dissect the relationship between the two.
+
* Provide a view of the distribution based on the bi-variante attributes
* The size of each block represents the GDP, and we can allow the user to fill in the colors with other economic indicators - savings rate, capital market size to grasp patterns in the data.
+
* Provide flexibility for comparison through the use of dynamic variables load
 +
* Better data representation for logarithmic/linear scaling choice
 
|-
 
|-
|- valign="top"
+
|- valign="top"<br>
 
|[[File:Arisaig_Scatterplot2.png|450px|center]]
 
|[[File:Arisaig_Scatterplot2.png|450px|center]]
 
|
 
|
* A treemap can convey our hierarchical data with 2 additional attributes via color and size, allowing us to dissect the relationship between the two.
+
* Provide trend visualisation by introducing trajectory line of the temporal data
* The size of each block represents the GDP, and we can allow the user to fill in the colors with other economic indicators - savings rate, capital market size to grasp patterns in the data.
 
 
|-
 
|-
 
|}
 
|}
Line 71: Line 71:
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Selected</span>
 
! style="width: 650px; background-color:#fee5d9"| <span style="color:#000000;">Chart Selected</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
 
! style="width: 350px; background-color:#fee5d9"| <span style="color:#000000;">Considerations</span>
|- valign="top"
+
|- valign="top"<br>
|[[File:Arisaig_Parallelcoords1.png|600px|center]]
 
|
 
* The motion charts will be animated according to time dimension and emphasise the growth of our 2 macro indicators relative to each other, and divulge patterns in their correlation
 
* A motion chart is able to display 4 different information simultaneously, using the 2 axes, size and colour.
 
* An animated chart will allow users to visually see how the change took place over the years.
 
|-
 
|- valign="top"
 
 
|[[File:Arisaig_Parallelcoords2.png|600px|center]]
 
|[[File:Arisaig_Parallelcoords2.png|600px|center]]
 
|
 
|
* The motion charts will be animated according to time dimension and emphasise the growth of our 2 macro indicators relative to each other, and divulge patterns in their correlation
+
* Provide a multi-variant view of the countries
* A motion chart is able to display 4 different information simultaneously, using the 2 axes, size and colour.
+
* Introduce dynamic feature by allowing free selection of axes that matter to the user
* An animated chart will allow users to visually see how the change took place over the years.
+
* Introduce animation to cater to representation temporal data
 
|-
 
|-
|- valign="top"
+
|- valign="top"<br>
 
|[[File:Arisaig_Parallelcoords3.png|600px|center]]
 
|[[File:Arisaig_Parallelcoords3.png|600px|center]]
 
|
 
|
* The motion charts will be animated according to time dimension and emphasise the growth of our 2 macro indicators relative to each other, and divulge patterns in their correlation
+
* Emphasis of the selected country as well as related countries (region)
* A motion chart is able to display 4 different information simultaneously, using the 2 axes, size and colour.
+
* Setting varying intensity to cater to user selection
* An animated chart will allow users to visually see how the change took place over the years.
 
 
|-
 
|-
|- valign="top"
+
|- valign="top"<br>
 
|[[File:Arisaig_Parallelcoords4.png|600px|center]]
 
|[[File:Arisaig_Parallelcoords4.png|600px|center]]
 
|
 
|
* The motion charts will be animated according to time dimension and emphasise the growth of our 2 macro indicators relative to each other, and divulge patterns in their correlation
+
* Provide statistical insights like median, interquartile range & outliers
* A motion chart is able to display 4 different information simultaneously, using the 2 axes, size and colour.
 
* An animated chart will allow users to visually see how the change took place over the years.
 
 
|-
 
|-
|- valign="top"
+
|- valign="top"<br>
 
|[[File:Arisaig_Parallelcoords.png|600px|center]]
 
|[[File:Arisaig_Parallelcoords.png|600px|center]]
 
|
 
|
* The motion charts will be animated according to time dimension and emphasise the growth of our 2 macro indicators relative to each other, and divulge patterns in their correlation
+
* Allow users to see the frequency distribution
* A motion chart is able to display 4 different information simultaneously, using the 2 axes, size and colour.
 
* An animated chart will allow users to visually see how the change took place over the years.
 
 
|-
 
|-
 
|}
 
|}

Latest revision as of 11:07, 18 April 2015

Appannalogo.png Home Project Proposal Project Management Project Progress Project Final Progress Final Deliverable


OUR STORYBOARD

Arisaig App Context.png

Arisaig Country Selected.png


SELECTED VISUALIZATIONS


CHLOROPLETH



Chart Chosen Considerations
Arisaig Chloropleth1.png
  • Provide a map view to compare across the globe
  • Univariate representation of data
Arisaig Chloropleth2.png
  • The functionality of selecting region allows the user to focus only on selected region for comparison
Arisaig Map Select.png
  • Provide the flexibility for the user to see variable of interest
  • Provide the flexibility for Arisaig to update variables based on dataset



SCATTER PLOT


Chart Selected Considerations
Arisaig Scatterplot1.png
  • Provide a view of the distribution based on the bi-variante attributes
  • Provide flexibility for comparison through the use of dynamic variables load
  • Better data representation for logarithmic/linear scaling choice
Arisaig Scatterplot2.png
  • Provide trend visualisation by introducing trajectory line of the temporal data



PARALLEL COORDINATES


Chart Selected Considerations
Arisaig Parallelcoords2.png
  • Provide a multi-variant view of the countries
  • Introduce dynamic feature by allowing free selection of axes that matter to the user
  • Introduce animation to cater to representation temporal data
Arisaig Parallelcoords3.png
  • Emphasis of the selected country as well as related countries (region)
  • Setting varying intensity to cater to user selection
Arisaig Parallelcoords4.png
  • Provide statistical insights like median, interquartile range & outliers
Arisaig Parallelcoords.png
  • Allow users to see the frequency distribution





FINAL REPORT

Here is the report