Teaching:TUW - UE InfoVis WS 2010/11 - Gruppe 06 - Aufgabe 3: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
(New page: ==Used Visualization Techniques== Scatterplot *horizontal axis : proportion of population served with improved Water *vertical axis : proportion of polulation server with improved S...)
 
mNo edit summary
Line 1: Line 1:
==Used Visualization Techniques==
==Used Visualization Techniques==


Scatterplot  
===Scatterplot===
*horizontal axis : proportion of population served with improved Water  
*horizontal axis : proportion of population served with improved Water  
*vertical axis  : proportion of polulation server with improved Sanitation
*vertical axis  : proportion of polulation server with improved Sanitation
Line 8: Line 8:
**Color == Yellow for Countries in the Southeastern region & Blue for all other Countries of the World  
**Color == Yellow for Countries in the Southeastern region & Blue for all other Countries of the World  


Indexchart  
===Indexchart===
*horizontal axis : Year (1990 - 2008)
*horizontal axis : Year (1990 - 2008)
*vertical axis  : Percentage of shown data measured on the proportion of urban or rural population served with improved water or sanitation
*vertical axis  : Percentage of shown data measured on the proportion of urban or rural population served with improved water or sanitation
*Lines : Trend of Developement between the data points of each year provivided by the WHO data;  
*Lines : Trend of Developement between the data points of each year provivided by the WHO data; The used Colors represent the kind of data displayed in the following way
  The used Colors represent the kind of data displayed in the following way
**Blue  == improved Water supply
**Blue  == improved Water supply
**Brown == improved Sanitation supply
**Brown == improved Sanitation supply
*"Dots"(Symbols) : exact data of the year (related to the vertical axis);  
*"Dots"(Symbols) : exact data of the year (related to the vertical axis);  
  The used Symbols represent the kind of data displayed in the following way
  The used Symbols represent the kind of data displayed in the following way
**"Cross"  == Rural  
*"Cross"  == Rural  
**"Square" == Urban
*"Square" == Urban
**"Circle" == Total   
*"Circle" == Total   


=Map=
===Map===
The Areas represent the proportion of population supplied with improved water encoded with color (changing data with chosen Year)
The Areas represent the proportion of population supplied with improved water encoded with color (changing data with chosen Year)
*Red <= 50% of the total population supplied with improved water  
*Red <= 50% of the total population supplied with improved water  
Line 34: Line 33:
      It also enables the user to execute a "play" function which iterates through the years, generating some sort of "animation" making  
      It also enables the user to execute a "play" function which iterates through the years, generating some sort of "animation" making  
      it possible to follow for the developement of the southeastern Asian in relation to the other countries of the world and so on.
      it possible to follow for the developement of the southeastern Asian in relation to the other countries of the world and so on.
*Scatterplot : "Mouseover" on displayed Dot shows the Countryname and the Population of that country
*Scatterplot : "Mouseover" on displayed Dot shows the Countryname and the Population of that country
*Indexchart  : "Mouseover" on the displayed "dots" shows the specific percentage value  
*Indexchart  : "Mouseover" on the displayed "dots" shows the specific percentage value  

Revision as of 22:29, 17 January 2011

Used Visualization Techniques

Scatterplot

  • horizontal axis : proportion of population served with improved Water
  • vertical axis : proportion of polulation server with improved Sanitation
  • Dots : Countries of the World encoded by color and size
    • Size == size of the Dots is oriented on the population of the Country(/1000) between a min and a max size for keeping up readability
    • Color == Yellow for Countries in the Southeastern region & Blue for all other Countries of the World

Indexchart

  • horizontal axis : Year (1990 - 2008)
  • vertical axis : Percentage of shown data measured on the proportion of urban or rural population served with improved water or sanitation
  • Lines : Trend of Developement between the data points of each year provivided by the WHO data; The used Colors represent the kind of data displayed in the following way
    • Blue == improved Water supply
    • Brown == improved Sanitation supply
  • "Dots"(Symbols) : exact data of the year (related to the vertical axis);

The used Symbols represent the kind of data displayed in the following way

  • "Cross" == Rural
  • "Square" == Urban
  • "Circle" == Total

Map

The Areas represent the proportion of population supplied with improved water encoded with color (changing data with chosen Year)

  • Red <= 50% of the total population supplied with improved water
  • Yellow 50% - 90% of the total population supplied with improved water
  • Green > 90 of the total population supplied with improved water

Available forms of Interaction

The forms of interaction available differ throughout the 3 plots

  • Year-Slider : The year-slider allows the user to choose a certain year of interest modifying the displayed data in the scatterplot and the Map.

It also enables the user to execute a "play" function which iterates through the years, generating some sort of "animation" making it possible to follow for the developement of the southeastern Asian in relation to the other countries of the world and so on.

  • Scatterplot : "Mouseover" on displayed Dot shows the Countryname and the Population of that country
  • Indexchart  : "Mouseover" on the displayed "dots" shows the specific percentage value
  • Map  : "Mouseover" displays the Name of the Country

"Click" on a Country highlights the according Country"dot" in the scatterplot which stays highlighted and hence can be followed throughout the available years(also in slider "playmode") also the clicked country's name gets displayed.