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

From InfoVis:Wiki
Jump to navigation Jump to search

Introduction

One of the Millenium Development Goals (MDG 7) is to halve, by 2015, the proportion of people without sustainable access to safe drinking-water and basic sanitation. Therefore the World Health Organization (WHO) and the United Nations Children's Fund (UNICEF) collected several data and published the intermediate results in 2010. Starting from this report and involving the collected data an interactive information visualization was designed and implemented using the JavaScript Framework Protovis (Referenz).

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.