InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3

2009-01-14T22:41:46Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]

=== Zu beurteilende Grafik ===
[[Image:Nytimes-mrspresident.jpg]] 
Percentage of respondents who say it is likely that a woman will be president in their lifetime

== Interpreting the Data ==

The graphic contains data based on a poll asking if the respondents think that it is likely that a woman will be president in their lifetime. The results were grouped into age and sex of respondents.
The main statement of the graphic is that the answers are significantly different depending on the age of the respondents. With increasing age people tend to believe that it is less likely that a woman will be president in their lifetime.

== Critics & Changes ==

=== Chart Style ===
The bubble chart visualization allows someone to see the important statement
of the data but the comparability between some parts of the data is
affected due to the arrangement of the increasing spots.
E.q. for human perception the size of the spot describing the
percentage of people aged older than 65 who answered "Yes" is
influenced by the spot above and underneath it, and seems therefore
smaller than it would look without it's neighbor.
Furthermore it uses to much data ink to show the difference of the percentages.

* The chart style was changed to a bar chart, which uses less data ink and optimizes the possibility of comparing the data.

=== Title & Information ===
The title "Mrs. President" isn't very meaningful. Furthermore there are some important informations missing, like in which state and at which time the survey has been made. Besides it would be helpful for the reader to have a contact address of the survey makers, to be able to contact them in case of questions.

* The title was changed to "Possibility of a Female President" to fastly give a impression what's the graphic about. Furthermore the missing informations about state and time of the survey have been added to the subtitle and a contact e-mail address has been added in the footer.

=== Organization of Data ===

Age and sex are different categories and interpretations of the data. Therefore they should be separated more clearly from each other.

* This separation has been realized through splitting the data into two graphs. One for representing the age and the other for the sex. They have been arranged beside each other, to let the viewer read all important data easily from left to the right.

=== Color ===

The color used in the graph highlights the data concerning the sex and let it appear more important than the rest.

* The special colors for women and men have been removed. Color is now used to differentiate the answers of the respondents and to highlight the different percentages of the answers between different groups of age or sex.

=== Percentages ===

The sum of the percentages for each group of age or sex does not equal 100. So there might be a percentage of people who didn't answer or had no opinion.

* The missing percentages were categorized with "Undecided" to get a sum of 100 percent, consistent for each group of age or sex.

== Improved Graphic ==
[[image:Mrspresident.png]]

== References ==
*[Few, 2004]: Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 7 - General Design for Communication.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

* [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3

2009-01-14T21:54:30Z

UE-InfoVis0809 0225026:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 4

2009-01-07T23:33:47Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]

=== Gegebene Daten ===

'''Homer Simpson's Trinkverhalten in Abhängigkeit von seinen Lebensumständen''' 

...Visualisierung von Homer's Lebensabschnitten bzw. Ereignissen mit Einfluss auf sein
Trinkverhalten (zB.: Kindheit, Pubertät, Arbeitslosigkeit, Beziehungen, Hochzeit, Geburt
der Kinder, Liebeskummer, Alltag, etc.) von seiner Geburt bis Jetzt + mögliche
Zukunftsszenarien (mind. 3).
 
*Die Menge folgender Getränke soll für die jeweiligen Lebensumstände ablesbar sein
(ml oder Liter - je nachdem - pro Tag, Monat, Jahr (z.B.: Fokus+Kontext Methoden):
a) Wasser 
b) Milch 
c) Fruchtsaft 
d) Cola 
e) Kaffee (Würfelzucker?) 
f) Bier
(vereinfacht angenommen, Homer trinkt ausschließlich diese Getränke)
 
*Die folgenden Werte sollen abhängig von den konsumierten Getränken ablesbar sein:
1) g oder kg konsumierter Zucker (aus Getränken) + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 50g; enthaltener Zucker: 10g/100 ml Cola; 10g/100 ml Fruchtsaft; 3g/Würfelzucker). 
2) mg konsumiertes Coffein + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 600mg; enthaltenes Coffein: 10 mg/100 ml Cola; 80 mg/100 ml Kaffee). 
3) g konsumierter Alkohol + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 20g; enthaltener Alkohol: 3,6 g/100ml Bier)
 
*Die Daten sollen zur medizinischen/psychologischen Analyse visualisiert werden. 
*Die bisher erlernten Design-Prinzipien sollen umgesetzt werden (z.B.: Optimierung der Data-ink ratio). 
*Die Mockups sollten zumindest 1) Homer's Leben im Überblick 2) und eine Detailansicht wiedergeben. 
*Alle nicht angeführten Daten können frei erfunden werden.

== Analysis ==

=== Dataset - Analysis ===
The data contains Homer Simpsons drinking behavior according to his personal circumstances or events in his life. The set which is based on abstract information representing the amount of sugar, coffein and alcohol absorbed through six different beverages.

The set consists of the following dimensions:
* Personal circumstances
Personal circumstances as nominal data are split up to the following categories:
Birth, Childhood, Puberty, Unemployment, Relationship, Marriage, Birth of Children,
Lovesickness, daily routine, favourite team win, favourite team loss, getting arrested, retirement

* Drink consumption
Drink consumption is split up to six categories of drinks (water, milk,
juice, coke, coffee, beer) containing continuous values of consumed liter per day.

* Ingredients consumption
Ingredients consumption is split up to three categories of ingredients
(sugar, coffein, alcohol) containing continuous values derived from the
drink consumption.

=== Fields of Application ===
With the aid of suitable visualizations of the given dataset it could be possible to study if there is a relation between personal circumstances and his drinking behavior. Therefore it can be studied in which way personal circumstances or events in Homers life affected his drinking behavior, or otherwise. This could be useful in fields of pschology and medicine. Based on the visualization nutrition advice could be given and schedules could be implemented.

=== Target Group - Analysis ===
Our target group contains medical scientists as well as their patients. So the program should contain all information necessary for a doctor to analyze the patients condition during a certain period and make a matching diagnoses, as well as that easy to understand to let the patient see his progress or regress during special situations in his life.

=== Goals of the Visualization ===
A primary goal of the visualization is to get information about the consumed amount of sugar, coffein and alcohol in respect to the recommended maximal allowance. The visualization should provide mechanisms to get an general overview and detailed information as well.
This information can be used for monitoring exceedance of the recommended maximal allowance. It can also be used for comparision of consumption depending on different personal circumstances.

== Concept ==

=== Type of visualization ===
The main type of visualization used is the Stack Graph [Many eyes]. Whereas the first axis is used for the circumstances data and the second for the amount of a special drink or ingredient.
The decision for it was made because with a Stack Graph it is easy to show the most important data with less data ink used. So the patient can easily see in which time period he has passed the recommended maximum allowance. With the help of interactive navigation, it is nevertheless possible for medicine scientists to get the exact data for a better analysis of the patient and for making a detailed diagnoses.

Figure 1 and Figure 2 shows this type of visualization. Figure 1 shows the general drinking different behavior of Homer Simpson dependent of his personal circumstances and Figure 2 the ingredient alchol derived from this drinking behavior.
 
[[Image:drinks.png|thumb|none|right|150px|Figure 1, Visualization of Homer Simpsons drinking behavior dependent on personal circumstances]]
 
[[Image:sugar9.jpg|thumb|none|right|150px|Figure 2, Visualization of alcohol consumed by Homer Simpson dependent on personal circumstances]]

=== Interaction possibilities ===
Our interactive prototype allows the user to dynamically switch between different
ingredients. Each view shows the consumption of the selected ingredient as a stack graph
which has different highs and lows due to occasions in the life of our subject.

The analyst can also browse through the stack graph with the mouse.
At each peak or low the graphic displays a pop-up window providing more
detailed information about the selected event.

Here is an animation of an example of this interactivity: 

[[Image:sugar1-kurz.gif|Figure 3, Animation of the visualization technique]]

=== User support ===
The prototype gives the user a fast overview of the consumption of a specific
ingredient by the user. The amount of consumption grouped with life-time events
allow an analyst state a reason for a high or low use of an ingredient. The maximum
allowance bar additonally supports the reader of the graphic.

=== Pros of the visualization ===
* Less data ink
* Important data directly seeable for patient and medicine scientists
* Detailed data through interaction

=== Cons of the visualization ===
* Only one visualization type

=== Refinement ===
A better prototype could have more interaction possibilities like a zoom-in or zoom-out function.
It would also be nice for an analyst to be able to compare different people or people
of to the same area with people from different areas.

== References ==

* [Many eyes, 2009] Many eyes. Retrieved at: January 7, 2009. http://manyeyes.alphaworks.ibm.com/manyeyes/

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 4

2009-01-07T23:32:56Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]

=== Gegebene Daten ===

'''Homer Simpson's Trinkverhalten in Abhängigkeit von seinen Lebensumständen''' 

...Visualisierung von Homer's Lebensabschnitten bzw. Ereignissen mit Einfluss auf sein
Trinkverhalten (zB.: Kindheit, Pubertät, Arbeitslosigkeit, Beziehungen, Hochzeit, Geburt
der Kinder, Liebeskummer, Alltag, etc.) von seiner Geburt bis Jetzt + mögliche
Zukunftsszenarien (mind. 3).
 
*Die Menge folgender Getränke soll für die jeweiligen Lebensumstände ablesbar sein
(ml oder Liter - je nachdem - pro Tag, Monat, Jahr (z.B.: Fokus+Kontext Methoden):
a) Wasser 
b) Milch 
c) Fruchtsaft 
d) Cola 
e) Kaffee (Würfelzucker?) 
f) Bier
(vereinfacht angenommen, Homer trinkt ausschließlich diese Getränke)
 
*Die folgenden Werte sollen abhängig von den konsumierten Getränken ablesbar sein:
1) g oder kg konsumierter Zucker (aus Getränken) + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 50g; enthaltener Zucker: 10g/100 ml Cola; 10g/100 ml Fruchtsaft; 3g/Würfelzucker). 
2) mg konsumiertes Coffein + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 600mg; enthaltenes Coffein: 10 mg/100 ml Cola; 80 mg/100 ml Kaffee). 
3) g konsumierter Alkohol + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 20g; enthaltener Alkohol: 3,6 g/100ml Bier)
 
*Die Daten sollen zur medizinischen/psychologischen Analyse visualisiert werden. 
*Die bisher erlernten Design-Prinzipien sollen umgesetzt werden (z.B.: Optimierung der Data-ink ratio). 
*Die Mockups sollten zumindest 1) Homer's Leben im Überblick 2) und eine Detailansicht wiedergeben. 
*Alle nicht angeführten Daten können frei erfunden werden.

== Analysis ==

=== Dataset - Analysis ===
The data contains Homer Simpsons drinking behavior according to his personal circumstances or events in his life. The set which is based on abstract information representing the amount of sugar, coffein and alcohol absorbed through six different beverages.

The set consists of the following dimensions:
* Personal circumstances
Personal circumstances as nominal data are split up to the following categories:
Birth, Childhood, Puberty, Unemployment, Relationship, Marriage, Birth of Children,
Lovesickness, daily routine, favourite team win, favourite team loss, getting arrested, retirement

* Drink consumption
Drink consumption is split up to six categories of drinks (water, milk,
juice, coke, coffee, beer) containing continuous values of consumed liter per day.

* Ingredients consumption
Ingredients consumption is split up to three categories of ingredients
(sugar, coffein, alcohol) containing continuous values derived from the
drink consumption.

=== Fields of Application ===
With the aid of suitable visualizations of the given dataset it could be possible to study if there is a relation between personal circumstances and his drinking behavior. Therefore it can be studied in which way personal circumstances or events in Homers life affected his drinking behavior, or otherwise. This could be useful in fields of pschology and medicine. Based on the visualization nutrition advice could be given and schedules could be implemented.

=== Target Group - Analysis ===
Our target group contains medical scientists as well as their patients. So the program should contain all information necessary for a doctor to analyze the patients condition during a certain period and make a matching diagnoses, as well as that easy to understand to let the patient see his progress or regress during special situations in his life.

=== Goals of the Visualization ===
A primary goal of the visualization is to get information about the consumed amount of sugar, coffein and alcohol in respect to the recommended maximal allowance. The visualization should provide mechanisms to get an general overview and detailed information as well.
This information can be used for monitoring exceedance of the recommended maximal allowance. It can also be used for comparision of consumption depending on different personal circumstances.

== Concept ==

=== Type of visualization ===
The main type of visualization used is the Stack Graph [Many eyes]. Whereas the first axes is used for the circumstances data and the second for the amount of a special drink or ingredient.
The decision for it was made because with a Stack Graph it is easy to show the most important data with less data ink used. So the patient can easily see in which time period he has passed the recommended maximum allowance. With the help of interactive navigation, it is nevertheless possible for medicine scientists to get the exact data for a better analysis of the patient and for making a detailed diagnoses.

Figure 1 and Figure 2 shows this type of visualization. Figure 1 shows the general drinking different behavior of Homer Simpson dependent of his personal circumstances and Figure 2 the ingredient alchol derived from this drinking behavior.
 
[[Image:drinks.png|thumb|none|right|150px|Figure 1, Visualization of Homer Simpsons drinking behavior dependent on personal circumstances]]
 
[[Image:sugar9.jpg|thumb|none|right|150px|Figure 2, Visualization of alcohol consumed by Homer Simpson dependent on personal circumstances]]

=== Interaction possibilities ===
Our interactive prototype allows the user to dynamically switch between different
ingredients. Each view shows the consumption of the selected ingredient as a stack graph
which has different highs and lows due to occasions in the life of our subject.

The analyst can also browse through the stack graph with the mouse.
At each peak or low the graphic displays a pop-up window providing more
detailed information about the selected event.

Here is an animation of an example of this interactivity: 

[[Image:sugar1-kurz.gif|Figure 3, Animation of the visualization technique]]

=== User support ===
The prototype gives the user a fast overview of the consumption of a specific
ingredient by the user. The amount of consumption grouped with life-time events
allow an analyst state a reason for a high or low use of an ingredient. The maximum
allowance bar additonally supports the reader of the graphic.

=== Pros of the visualization ===
* Less data ink
* Important data directly seeable for patient and medicine scientists
* Detailed data through interaction

=== Cons of the visualization ===
* Only one visualization type

=== Refinement ===
A better prototype could have more interaction possibilities like a zoom-in or zoom-out function.
It would also be nice for an analyst to be able to compare different people or people
of to the same area with people from different areas.

== References ==

* [Many eyes, 2009] Many eyes. Retrieved at: January 7, 2009. http://manyeyes.alphaworks.ibm.com/manyeyes/

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 4

2009-01-07T23:31:42Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]

=== Gegebene Daten ===

'''Homer Simpson's Trinkverhalten in Abhängigkeit von seinen Lebensumständen''' 

...Visualisierung von Homer's Lebensabschnitten bzw. Ereignissen mit Einfluss auf sein
Trinkverhalten (zB.: Kindheit, Pubertät, Arbeitslosigkeit, Beziehungen, Hochzeit, Geburt
der Kinder, Liebeskummer, Alltag, etc.) von seiner Geburt bis Jetzt + mögliche
Zukunftsszenarien (mind. 3).
 
*Die Menge folgender Getränke soll für die jeweiligen Lebensumstände ablesbar sein
(ml oder Liter - je nachdem - pro Tag, Monat, Jahr (z.B.: Fokus+Kontext Methoden):
a) Wasser 
b) Milch 
c) Fruchtsaft 
d) Cola 
e) Kaffee (Würfelzucker?) 
f) Bier
(vereinfacht angenommen, Homer trinkt ausschließlich diese Getränke)
 
*Die folgenden Werte sollen abhängig von den konsumierten Getränken ablesbar sein:
1) g oder kg konsumierter Zucker (aus Getränken) + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 50g; enthaltener Zucker: 10g/100 ml Cola; 10g/100 ml Fruchtsaft; 3g/Würfelzucker). 
2) mg konsumiertes Coffein + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 600mg; enthaltenes Coffein: 10 mg/100 ml Cola; 80 mg/100 ml Kaffee). 
3) g konsumierter Alkohol + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 20g; enthaltener Alkohol: 3,6 g/100ml Bier)
 
*Die Daten sollen zur medizinischen/psychologischen Analyse visualisiert werden. 
*Die bisher erlernten Design-Prinzipien sollen umgesetzt werden (z.B.: Optimierung der Data-ink ratio). 
*Die Mockups sollten zumindest 1) Homer's Leben im Überblick 2) und eine Detailansicht wiedergeben. 
*Alle nicht angeführten Daten können frei erfunden werden.

== Analysis ==

=== Dataset - Analysis ===
The data contains Homer Simpsons drinking behavior according to his personal circumstances or events in his life. The set which is based on abstract information representing the amount of sugar, coffein and alcohol absorbed through six different beverages.

The set consists of the following dimensions:
* Personal circumstances
Personal circumstances as nominal data are split up to the following categories:
Birth, Childhood, Puberty, Unemployment, Relationship, Marriage, Birth of Children,
Lovesickness, daily routine, favourite team win, favourite team loss, getting arrested, retirement

* Drink consumption
Drink consumption is split up to six categories of drinks (water, milk,
juice, coke, coffee, beer) containing continuous values of consumed liter per day.

* Ingredients consumption
Ingredients consumption is split up to three categories of ingredients
(sugar, coffein, alcohol) containing continuous values derived from the
drink consumption.

=== Fields of Application ===
With the aid of suitable visualizations of the given dataset it could be possible to study if there is a relation between personal circumstances and his drinking behavior. Therefore it can be studied in which way personal circumstances or events in Homers life affected his drinking behavior, or otherwise. This could be useful in fields of pschology and medicine. Based on the visualization nutrition advice could be given and schedules could be implemented.

=== Target Group - Analysis ===
Our target group contains medical scientists as well as their patients. So the program should contain all information necessary for a doctor to analyze the patients condition during a certain period and make a matching diagnoses, as well as that easy to understand to let the patient see his progress or regress during special situations in his life.

=== Goals of the Visualization ===
A primary goal of the visualization is to get information about the consumed amount of sugar, coffein and alcohol in respect to the recommended maximal allowance. The visualization should provide mechanisms to get an general overview and detailed information as well.
This information can be used for monitoring exceedance of the recommended maximal allowance. It can also be used for comparision of consumption depending on different personal circumstances.

== Concept ==

=== Type of visualization ===
The main type of visualization used is the Stack Graph [Many eyes]. Whereas the first axes is used for the circumstances data and the second for the amount of a special drink or ingredient.
The decision for it was made because with a Stack Graph it is easy to show the most important data with less data ink used. So the patient can easily see in which time period he has passed the recommended maximum allowance. With the help of interactive navigation, it is nevertheless possible for medicine scientists to get the exact data for a better analysis of the patient and for making a detailed diagnoses.

Figure 1 and Figure 2 shows this type of visualization. Figure 1 shows the general drinking different behavior of Homer Simpson dependent of his personal circumstances and Figure 2 the ingredient alchol derived from this drinking behavior.
 
[[Image:drinks.png|thumb|none|right|150px|Figure 1, Visualization of Homer Simpsons drinking behavior dependent on personal circumstances]]
 
[[Image:sugar9.jpg|thumb|none|right|150px|Figure 2, Visualization of alcohol consumed by Homer Simpson dependent on personal circumstances]]

=== Interaction possibilities ===
Our interactive prototype allows the user to dynamically switch between different
ingredients. Each view shows the consumption of the selected ingredient as a stack graph
which has different highs and lows due to occasions in the life of our subject.

The analyst can also browse through the stack graph with the mouse.
At each peak or low the graphic displays a pop-up window providing more
detailed information about the selected event.

Here is an animation of an example of this interactivity: 

[[Image:sugar1-kurz.gif|Figure 3, Animation of the visualization technique]]

=== User support ===
The prototype gives the user a fast overview of the consumption of a specific
ingredient by the user. The amount of consumption grouped with life-time events
allow an analyst state a reason for a high or low use of an ingredient. The maximum
allowance bar additonally supports the reader of the graphic.

=== Pros of the visualization ===
* Less data ink
* Important data directly seeable for patient and medicine scientists
* Detailed data through interaction

=== Cons of the visualization ===
* Only one visualization type

=== Refinement ===
A better prototype could have more interaction possibilities like a zoom-in or zoom-out function.
It would also be nice for an analyst to be able to compare different people or people
of to the same area with people from different areas.

== References ==

* [Many eyes, 2008] Many eyes. Retrieved at: January 7, 2009. http://manyeyes.alphaworks.ibm.com/manyeyes/

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 4

2009-01-07T22:54:59Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]

=== Gegebene Daten ===

'''Homer Simpson's Trinkverhalten in Abhängigkeit von seinen Lebensumständen''' 

...Visualisierung von Homer's Lebensabschnitten bzw. Ereignissen mit Einfluss auf sein
Trinkverhalten (zB.: Kindheit, Pubertät, Arbeitslosigkeit, Beziehungen, Hochzeit, Geburt
der Kinder, Liebeskummer, Alltag, etc.) von seiner Geburt bis Jetzt + mögliche
Zukunftsszenarien (mind. 3).
 
*Die Menge folgender Getränke soll für die jeweiligen Lebensumstände ablesbar sein
(ml oder Liter - je nachdem - pro Tag, Monat, Jahr (z.B.: Fokus+Kontext Methoden):
a) Wasser 
b) Milch 
c) Fruchtsaft 
d) Cola 
e) Kaffee (Würfelzucker?) 
f) Bier
(vereinfacht angenommen, Homer trinkt ausschließlich diese Getränke)
 
*Die folgenden Werte sollen abhängig von den konsumierten Getränken ablesbar sein:
1) g oder kg konsumierter Zucker (aus Getränken) + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 50g; enthaltener Zucker: 10g/100 ml Cola; 10g/100 ml Fruchtsaft; 3g/Würfelzucker). 
2) mg konsumiertes Coffein + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 600mg; enthaltenes Coffein: 10 mg/100 ml Cola; 80 mg/100 ml Kaffee). 
3) g konsumierter Alkohol + empfohlene Maximaldosis pro Tag, Monat, Jahr
(empfohlene Maximaldosis/Tag: 20g; enthaltener Alkohol: 3,6 g/100ml Bier)
 
*Die Daten sollen zur medizinischen/psychologischen Analyse visualisiert werden. 
*Die bisher erlernten Design-Prinzipien sollen umgesetzt werden (z.B.: Optimierung der Data-ink ratio). 
*Die Mockups sollten zumindest 1) Homer's Leben im Überblick 2) und eine Detailansicht wiedergeben. 
*Alle nicht angeführten Daten können frei erfunden werden.

== Analysis ==

=== Dataset - Analysis ===
The data contains Homer Simpsons drinking behavior according to his personal circumstances or events in his life. The set which is based on abstract information representing the amount of sugar, coffein and alcohol absorbed through six different beverages.

The set consists of the following dimensions:
* Personal circumstances
Personal circumstances as nominal data are split up to the following categories:
Birth, Childhood, Puberty, Unemployment, Relationship, Marriage, Birth of Children,
Lovesickness, daily routine, favourite team win, favourite team loss, getting arrested, retirement

* Drink consumption
Drink consumption is split up to six categories of drinks (water, milk,
juice, coke, coffee, beer) containing continuous values of consumed liter per day.

* Ingredients consumption
Ingredients consumption is split up to three categories of ingredients
(sugar, coffein, alcohol) containing continuous values derived from the
drink consumption.

=== Fields of Application ===
With the aid of suitable visualizations of the given dataset it could be possible to study if there is a relation between personal circumstances and his drinking behavior. Therefore it can be studied in which way personal circumstances or events in Homers life affected his drinking behavior, or otherwise. This could be useful in fields of pschology and medicine. Based on the visualization nutrition advice could be given and schedules could be implemented.

=== Target Group - Analysis ===
Our target group contains medical scientists as well as their patients. So the program should contain all information necessary for a doctor to analyze the patients condition during a certain period and make a matching diagnoses, as well as that easy to understand to let the patient see his progress or regress during special situations in his life.

=== Goals of the Visualization ===
A primary goal of the visualization is to get information about the consumed amount of sugar, coffein and alcohol in respect to the recommended maximal allowance. The visualization should provide mechanisms to get an general overview and detailed information as well.
This information can be used for monitoring exceedance of the recommended maximal allowance. It can also be used for comparision of consumption depending on different personal circumstances.

== Concept ==

=== Type of visualization ===
The main type of visualization used is the Stack Graph. Whereas the first axes is used for time period data and the second for the amount of a special drink or ingredient.
The decision for it was made because with a Stack Graph it is easy to show the most important data with less data ink used. So the patient can easily see in which time period he has passed the recommended maximum allowance. With the help of interactive navigation, it is nevertheless possible for medicine scientists to get the exact data for a better analysis of the patient and for making a detailed diagnoses.

=== Interaction possibilities ===
Our interactive prototype allows the user to dynamically switch between different
ingredients. Each view shows the consumption of the selected ingredient as a stack graph
which has different highs and lows due to occasions in the life of our subject.

The analyst can also browse through the stack graph with the mouse.
At each peak or low the graphic displays a pop-up window providing more
detailed information about the selected event.

=== User support ===
The prototype gives the user a fast overview of the consumption of a specific
ingredient by the user. The amount of consumption grouped with life-time events
allow an analyst state a reason for a high or low use of an ingredient. The maximum
allowance bar additonally supports the reader of the graphic.

=== Pros of the visualization ===
* Less data ink
* Important data directly seeable for patient and medicine scientists
* Detailed data through interaction

=== Cons of the visualization ===
* Only one visualization type

=== Refinement ===
A better prototype could have more interaction possibilities like a zoom-in or zoom-out function.
It would also be nice for an analyst to be able to compare different people or people
of to the same area with people from different areas.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3

2008-12-09T19:15:42Z

UE-InfoVis0809 0225026: references added

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3

2008-12-09T19:05:48Z

UE-InfoVis0809 0225026:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3

2008-12-09T19:03:21Z

UE-InfoVis0809 0225026:

File:Mrspresident.png

2008-12-09T18:54:16Z

UE-InfoVis0809 0225026: Improved Mrs. President Graphic

== Summary ==
Improved Mrs. President Graphic
== Copyright status ==

== Source ==
[NYT, 2008] New York Times. September 14, 2008; Data by: CBS News, June 2008.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 2

2008-11-21T14:17:43Z

UE-InfoVis0809 0225026:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

=== Zu beurteilende Tabelle ===

[[Image:Simuresults.jpg]]

== Critics & Changes ==

=== White space ===

The used white space doesn't sufficiently group the data objects that belong together. The horizontal white space between the grouped columns beneath the spanner headers is variying and it is too less to visually track across them.

* White space between grouped columns has been adapted and sized evenly to improve the arrangement of them for a better visual perception. Inside grouped columns white space has been reduced to intensify the visual perception as a group (''Gestalt principle of proximity'').

=== Title ===
The title contains dispensible information which is already visible in the different table headers.

* Title has been reduced to sufficiently describe the table.

=== Subheaders ===
The arrangement of the subheaders breaks up the data and disrupts the flow of information.

* Subheaders have been moved to a separate column on the left to improve visible perception of grouped rows.

The boldfacing of the mechanisms is an unecassary emphasis and is a not useful method to group data.

* Boldfacing has been removed.

=== Arrangement ===

The arranging of the mechanisms provided a grouping that makes it hard to read and recognize the differences.

* By adding mechanisms as a row header the legibility of the table increased. Additional white space between each group proofed also helpful to improve the clarity of the table.

=== Numbers & Alignment ===

Columns contain data with a varying number of decimal digits disrupt the visual structure of the columns in form of creating ragged edges on the right of a column.

* To facilitate comparison of numbers in columns and to preserve the visual structure of columns (''Gestalt principle of enclosure'') numbers have now equal number of decimal digits with same alignment down the columns. The column headers also have been aligned with the associated data.

Numbers occur with varying numeric precision.

* A numeric precision level of 5 decimal digits has been set to not exceed information with too excessive level of precision.

=== Descriptions ===

The abbreviated row headers ''Comp'' and ''Impu'' are not consistent with the title and are not convenient describing the use of ''CRs only'' and the ''proposed method''.

* The use of the abbreviations ''CR'' to describe the use of ''CRs only'' and ''prop'' to describe the ''proposed method'' link to the used methods in a more intuitive manner.

The arrangement of the rows ''Comp'' and ''Impu'' isn't handy to recognize that there is less difference between ''Full'' and ''Impu'' than between ''Full'' and ''Comp''.

* Therefore the rows have been arranged in such order to be unterstood more easily. The row ''prop'' has been placed above the row ''CR''.

== Corrected Table ==
[[image:table5.png|600px]]

== References ==
*[Few, 2004]:Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 8 - Table Design.

*[Wallace, 2004]: Rosa Wallace, Designing Tables, NC State University LabWrite Resources, 2004.
[http://www.ncsu.edu/labwrite/res/gh/gh-tables.html http://www.ncsu.edu/labwrite/res/gh/gh-tables.html]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2008/09|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws08/ UE InfoVis]

*[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|Gruppe 03]]

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2008-11-07T22:58:52Z

UE-InfoVis0809 0225026:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}
[[Image:Big tree.jpg|thumb|none|right|150px|2D Tree diagram with 365 leaves, 729 nodes [VanWijk, 2008]]]

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

A Cone Tree is a three dimensional diagram with visible graphical edge from parents to their children (node-link diagram).
The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.
A key idea is the possibility of interaction. For navigation the user can rotate the cone and choose a special node, which is shown with an animation.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

There is the possibility of an alternative horizontally layout, called the Cam Tree, which displays text for each node, compensating the problem of the other view, where text is only shown for the selected path.

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. [[Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_06_-_Aufgabe_1_-_Treemap|Treemaps]] [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [VanWijk, 2008] Jack van Wijk. Information Visualization Visual Analytics. ''I-science for Astronomy, October 13-17, 2008''. Lorentz center, Leiden. Retrieved at: November 7, 2008. http://www.lorentzcenter.nl/lc/web/2008/321/presentations/VanWijk.pdf
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2008-11-07T22:16:49Z

UE-InfoVis0809 0225026:

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal structure, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

== The idea in detail ==

[[Image:robertson_plate2.jpg|thumb|none|right|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level. The aspect ratio of the tree is fixed to fit the room, whereas each layer of cones has the same height.
For navigation the user can rotate the cone and choose a special node, which is shown with an animation.

[[Image:robertson_plate3.jpg|thumb|none|right|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]
And Cone Trees "seem to inherit a problem of standard node-link diagrams: they fall short when it comes to large trees. Treemaps [Shneiderman, 1992] were invented by shneiderman to address this particular problem."[VanWijk et al., 2003]

== References ==
* [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.
* [Shneiderman, 1992] Ben Shneiderman. Tree visualization with tree-maps: A 2-D space-filling approach. ACM Transactions on Graphics 11, pages 92--99, 1992. Association for Computing Machinery
* [VanWijk et al., 2003] Jarke J. van Wijk, Frank Van Ham, Huub Van De Wetering. Rendering Hierarchical Data. Communications of the ACM, pages 257--263, 2003. Association for Computing Machinery

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 - Cone Tree

2008-11-07T20:41:34Z

UE-InfoVis0809 0225026: New page: == Introduction == {{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}} Cone Trees are a suitable visualization t...

== Introduction ==
{{Quotation| ... the Cone Tree, which is used for visualizing hierarchical information structures.|[Robertson et al., 1991]}}

Cone Trees are a suitable visualization technique for dealing with a great amount of information in hierachichal struture, with the aim to display and navigate through the information in an intuitative manner. On screens a 2D layout of such structures wouldn't be easy to handle with. It would not fit on the screen and "The user would have to either scroll through the layout or use a size-reduced image of the structure."

{{Quotation| The hierarchy is presented in 3D to maximize effective use of available screen space and enable visualization of the whole structure.|[Robertson et al., 1991]}}

[[Image:robertson_plate2.jpg|thumb|none|150px|Cone tree after a selection rotation is completed. [Robertson et al., 1991]]]

The root node is placed at the apex of the cone tree. All children nodes are placed at equal distances along the base. This process is repeated for every following level.
For navigation the user can rotate the cone and choose a special node, which is shown with an animation.

[[Image:robertson_plate3.jpg|thumb|none|150px|An alternative, horizontally oriented layout, called the ''Cam Tree''. [Robertson et al., 1991]]]

{{Quotation| Interactive animation is used to shift some of the user's cognitive load to the human perceptual system. ... animation allows the perceptual system to track the rotations.|[Robertson et al., 1991]}}

== Critics ==
A study showed that subjects were signiﬁcantly slower at locating named ﬁles in a hierarchical data structure when using a cone tree interface than when using a 'normal' tree interface. [Cockburn and Mckenzie, 2000]

== References ==
* [Robertson et al., 1991] George Robertson, Jock D. Mackinlay, Stuart Card. Cone Trees: Animated 3D Visualizations of Hierarchical Information. In Proceedings of the ACM CHI 91 Human Factors in Computing Systems Conference, pages 189-- 194, April 28 - June 5, 1991, New Orleans, Louisiana, June 1991. Association for Computing Machinery
* [Cockburn and Mckenzie, 2000] Andy Cockburn, Bruce Mckenzie. An Evaluation of Cone Trees. In ''People and Computers XIV: British Computer Society Conference on Human Computer Interaction 2000'', p425--436. Springer-Verlag.

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03

2008-10-29T18:57:37Z

UE-InfoVis0809 0225026:

== Liste der Gruppenmitglieder ==

[[User:UE-InfoVis0809_0425646|Dincer, Engin]]

[[User:UE-InfoVis0809_0225026|Mayer, Philipp]]

[[User:UE-InfoVis0809_0201183|Moser, Bernd]]

== Aufgaben ==

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 0 | Aufgabe 0]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 1 | Aufgabe 1]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 2 | Aufgabe 2]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 3 | Aufgabe 3]]

[[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03 - Aufgabe 4 | Aufgabe 4]]

User:UE-InfoVis0809 0225026

2008-10-28T02:19:49Z

UE-InfoVis0809 0225026: New page: ==Philipp Mayer== Philipp Mayer *'''Matrikelnummer:''' 0225026 *'''Studienkennzahl:''' 033 533 *'''Mail:''' philipp.mayer (at) student.tuwien.ac.at *'''Gruppe:''...

==Philipp Mayer==

[[Image:Pwm.jpg|thumb|Philipp Mayer]]

*'''Matrikelnummer:''' 0225026
*'''Studienkennzahl:''' 033 533
*'''Mail:''' philipp.mayer (at) student.tuwien.ac.at
*'''Gruppe:''' [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 03|03]] ([[User:UE-InfoVis0809_0425646|DINCER]], [[User:UE-InfoVis0809_0225026|MAYER]], [[User:UE-InfoVis0809_0201183|MOSER]])

File:Pwm.jpg

2008-10-28T01:54:59Z

UE-InfoVis0809 0225026: Philipp Mayer

== Summary ==
Philipp Mayer
== Copyright status ==

== Source ==