Difference between revisions of "Arisaig Final Deliverable"

From Analytics Practicum
Jump to navigation Jump to search
 
(28 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
! style="width: 250px; background-color:#000"| [[Arisaig_Project_Management | <span style="color:#FFF;">Project Management</span>]]
 
! style="width: 250px; background-color:#000"| [[Arisaig_Project_Management | <span style="color:#FFF;">Project Management</span>]]
 
! style="width: 250px; background-color:#000000"| [[Arisaig_Progress| <span style="color:#ffffff;">Project Progress</span>]]
 
! style="width: 250px; background-color:#000000"| [[Arisaig_Progress| <span style="color:#ffffff;">Project Progress</span>]]
 +
! style="width: 250px; background-color:#000"| [[Arisaig_Final_Progress| <span style="color:#fff;">Project Final Progress</span>]]
 
! style="width: 250px; background-color:#FFF"| [[Arisaig_Final_Deliverable| <span style="color:#000;">Final Deliverable</span>]]
 
! style="width: 250px; background-color:#FFF"| [[Arisaig_Final_Deliverable| <span style="color:#000;">Final Deliverable</span>]]
 
|}
 
|}
 
</center><br>
 
</center><br>
−
<div style="background: #fee5d9; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-left: #cb181d solid 32px; font-size: 20px"><font color="#333333">PROJECT</font> <font color="#cb181d"> PROGRESS</font></div>
+
 
−
<div style="background: #ffffff; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-bottom: #cb181d solid 2px; font-size: 18px"><font color="#333333">Final Application</font></div><br/>
+
<div style="background: #fee5d9; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-left: #cb181d solid 32px; font-size: 20px"><font color="#333333">OUR</font> <font color="#cb181d"> STORYBOARD</font></div>
−
Research has been undertaken to:<br>
+
 
−
1)    Understand what factors are of interest in understanding consumption patterns<br>
+
[[File:Arisaig_App_Context.png|700px]]<br><br>
−
2)    Determine what kind of visualizations are most ideal in displaying the change in trends over time<br>
+
[[File:Arisaig_Country_Selected.png|700px]]<br>
−
+
 
−
'''(1)  Factors of Interest in Understanding Consumption Patterns'''<br>
+
 
−
+
<div style="background: #fee5d9; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-left: #cb181d solid 32px; font-size: 20px"><font color="#333333">SELECTED</font> <font color="#cb181d"> VISUALIZATIONS</font></div><br>
−
An article by Minakshi Trivedi [1] discussed analysis performed on changes in consumer behavior patterns of healthy food. The article mentioned that both aggregated and disaggregated data should be taken into account when looking into trends. The article quoted an example that the baby food market (aggregated data) in 2006 saw a fairly flat sales growth from 2005 to 2006 and only a 3.1% increase in 2007. However, when the data is disaggregated, it can be seen that in the same time period, the growth of organic baby food sales saw a 16.4% jump followed by a 21.6% jump in 2007.The increase in popularity did not spill over to potato chips or other snack foods, and was thus unobservable at the aggregate level. Therefore, for our project, we should not only look at overall consumption patterns, but also consumption patterns in smaller product categories.
+
<div style="background: #ffffff; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-bottom: #cb181d solid 2px; font-size: 20px"><font color="#333333">CHLOROPLETH</font></div><br/><br/>
−
+
 
−
The same article also found that spatial relationships (spatial correlation, spatial causality or spatial interaction) have a significant importance in the consumption patterns. From their findings, they observed that areas that are in the same cluster produce similar test results. What this means for us is that countries that are geographically close to each other may display similar trends in consumption patterns because “near things are more related than distant things”. There is likely to be more interaction between countries that are geographically close to each other, and hence they are more likely to influence one another. This is an interesting point and we will observe if there is indeed such a pattern shown in our visualizations.
+
{|style="border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #000000; padding: 0; cellspacing="0" cellpadding="0" valign="top" border="0""
 +
|-
 +
! 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>
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Chloropleth1.png|450px|center]]
 +
|
 +
* Provide a map view to compare across the globe
 +
* Univariate representation of data
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Chloropleth2.png|450px|center]]
 +
|
 +
* The functionality of selecting region allows the user to focus only on selected region for comparison
 +
|-
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Map_Select.png|450px|center]]
 +
|
 +
* Provide the flexibility for the user to see variable of interest
 +
* Provide the flexibility for Arisaig to update variables based on dataset
 +
|-
 +
|}
 +
<br/><br/>
 +
 
 +
<div style="background: #ffffff; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-bottom: #cb181d solid 2px; font-size: 20px"><font color="#333333">SCATTER PLOT</font></div><br/>
 +
 
 +
{|style="border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #000000; padding: 0; cellspacing="0" cellpadding="0" valign="top" border="0""
 +
|-
 +
! 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>
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Scatterplot1.png|450px|center]]
 +
|
 +
* 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
 +
|-
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Scatterplot2.png|450px|center]]
 +
|
 +
* Provide trend visualisation by introducing trajectory line of the temporal data
 +
|-
 +
|}
 +
<br/><br/>
 +
 
 +
<div style="background: #ffffff; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-bottom: #cb181d solid 2px; font-size: 20px"><font color="#333333">PARALLEL COORDINATES</font></div><br/>
 +
 
 +
{|style="border-collapse: separate; border-spacing: 0; border-width: 0px; border-style: solid; border-color: #000000; padding: 0; cellspacing="0" cellpadding="0" valign="top" border="0""
 +
|-
 +
! 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>
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Parallelcoords2.png|600px|center]]
 +
|
 +
* 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
 +
|-
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Parallelcoords3.png|600px|center]]
 +
|
 +
* Emphasis of the selected country as well as related countries (region)
 +
* Setting varying intensity to cater to user selection
 +
|-
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Parallelcoords4.png|600px|center]]
 +
|
 +
* Provide statistical insights like median, interquartile range & outliers
 +
|-
 +
|- valign="top"<br>
 +
|[[File:Arisaig_Parallelcoords.png|600px|center]]
 +
|
 +
* Allow users to see the frequency distribution
 +
|-
 +
|}
 +
<br/><br/>
 +
<br>
 +
 
 +
 
 +
 
 +
<div style="background: #fee5d9; padding: 5px; font-weight: bold; line-height: 1em; text-indent: 15px; border-left: #cb181d solid 32px; font-size: 20px"><font color="#333333">FINAL</font> <font color="#cb181d"> REPORT</font></div>
 +
 
 +
Here is the report
 +
 
 +
<br>

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


Retrieved from ‘https://wiki.smu.edu.sg/ANLY482/index.php?title=Arisaig_Final_Deliverable&oldid=1986’