InfoVis:Wiki - User contributions [en]

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

2009-01-07T14:26:54Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

[[image:mouseover.png|thumb|Figure 1: Screenshot of the mouseover [Gruppe 07, 2009]]]

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover [Figure 1] effect also lets the exact values of the amounts of liquids pop up.

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' [Figure 2] in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Figure 2: Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'' [Figure 3], which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' [Figure 4] of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Figure 3: Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Figure 4: Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution [Figure 5], next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a bar chart of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Figure 5: Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color [Figure 6] and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Figure 6: Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Bar chart: uses only vertical or horizontal bars to show different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted [Figure 7 + 8], so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis [Figure 9]. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

The system does not use the exact values of the liquids on a regular basis, but if the user needs to know the exact values, the system can show them, by rotating the bars of the chosen data and showing the numbers [Figure 10].

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Figure 11: Screenshot of the system [Gruppe 07,2009]]

[[image:homerpognoses.png|thumb|Figure 7: Screenshot of the years without selection [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 8: Screenshot of the years selected by the selection-tool [Gruppe 07, 2009]]]

[[image:homerprognosestool.png|thumb|Figure 9: Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homernumbers.png|thumb|Figure 10: Screenshot of the exact value view [Gruppe 07, 2009]]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T14:24:21Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

[[image:mouseover.png|thumb|Figure 1: Screenshot of the mouseover [Gruppe 07, 2009]]]

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover [Figure 1] effect also lets the exact values of the amounts of liquids pop up.

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' [Figure 2] in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Figure 2: Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'' [Figure 3], which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' [Figure 4] of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Figure 3: Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Figure 4: Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution [Figure 5], next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Figure 5: Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color [Figure 6] and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Figure 6: Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted [Figure 7 + 8], so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis [Figure 9]. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

The system does not use the exact values of the liquids on a regular basis, but if the user needs to know the exact values, the system can show them, by rotating the bars of the chosen data and showing the numbers [Figure 10].

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Figure 11: Screenshot of the system [Gruppe 07,2009]]

[[image:homerpognoses.png|thumb|Figure 7: Screenshot of the years without selection [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 8: Screenshot of the years selected by the selection-tool [Gruppe 07, 2009]]]

[[image:homerprognosestool.png|thumb|Figure 9: Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homernumbers.png|thumb|Figure 10: Screenshot of the exact value view [Gruppe 07, 2009]]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T14:21:06Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

[[image:mouseover.png|thumb|Figure 1: Screenshot of the mouseover [Gruppe 07, 2009]]]

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover [Figure 1] effect also lets the exact values of the amounts of liquids pop up.

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' [Figure 2] in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Figure 2: Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'' [Figure 3], which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' [Figure 4] of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Figure 3: Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Figure 4: Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution [Figure 5], next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Figure 5: Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color [Figure 6] and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Figure 6: Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted [Figure 8], so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis [Figure 7]. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

The system does not use the exact values of the liquids on a regular basis, but if the user needs to know the exact values, the system can show them, by rotating the bars of the chosen data and showing the numbers [Figure 10].

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Figure 9: Screenshot of the system [Gruppe 07,2009]]

[[image:homerprognosestool.png|thumb|Figure 7: Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homerpognoses.png|thumb|Figure 7: Screenshot of the years without selection [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 8: Screenshot of the years selected by the selection-tool [Gruppe 07, 2009]]]

[[image:homernumbers.png|thumb|Figure 10: Screenshot of the exact value view [Gruppe 07, 2009]]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T14:17:37Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

[[image:mouseover.png|thumb|Figure 1: Screenshot of the mouseover [Gruppe 07, 2009]]]

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover [Figure 1] effect also lets the exact values of the amounts of liquids pop up.

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' [Figure 2] in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Figure 2: Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'' [Figure 3], which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' [Figure 4] of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Figure 3: Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Figure 4: Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution [Figure 5], next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Figure 5: Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color [Figure 6] and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Figure 6: Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted [Figure 8], so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis [Figure 7]. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

The system does not use the exact values of the liquids on a regular basis, but if the user needs to know the exact values, the system can show them, by rotating the bars of the chosen data and showing the numbers [Figure 10].

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Figure 9: Screenshot of the system [Gruppe 07,2009]]

[[image:homerpognoses.png|thumb|Figure 7: Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 8: Screenshot of the years selected by the selection-tool [Gruppe 07, 2009]]]

[[image:homernumbers.png|thumb|Figure 10: Screenshot of the exact value view [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 11: Screenshot of the years selected by the selection tool [Gruppe 07, 2009]]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T14:09:45Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

[[image:mouseover.png|thumb|Figure 1: Screenshot of the mouseover [Gruppe 07, 2009]]]

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover [Figure 1] effect also lets the exact values of the amounts of liquids pop up.

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' [Figure 2] in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Figure 2: Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'' [Figure 3], which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' [Figure 4] of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Figure 3: Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Figure 4: Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution [Figure 5], next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Figure 5: Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color [Figure 6] and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Figure 6: Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted [Figure 8], so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis [Figure 7]. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

[[image:homerpognoses.png|thumb|Figure 7: Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Figure 8: Screenshot of the years selected by the selection tool [Gruppe 07, 2009]]]

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Figure 9: Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:58:11Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|thumb|Screenshot of the mouseover [Gruppe 07, 2009]]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

[[image:homerlegend.png|thumb|Screenshot of the legend [Gruppe 07, 2009]]]

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

[[image:homerpognoses.png|thumb|Screenshot of the prognoses tool [Gruppe 07, 2009]]]

[[image:homerselection.png|thumb|Screenshot of the years selected by the selection tool [Gruppe 07, 2009]]]

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:53:07Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|thumb|Screenshot of the mouseover [Gruppe 07, 2009]]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

[[image:homerdetailedview.png|thumb|Screenshot of the detail view [Gruppe 07, 2009]]]

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:52:05Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|thumb|Screenshot of the mouseover [Gruppe 07, 2009]]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:homerbarchart.png|thumb|Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:51:29Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|thumb|Screenshot of the mouseover [Gruppe 07, 2009]]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''bar chart'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Screenshot of the pie chart [Gruppe 07, 2009]]]
[[image:barchart.png|thumb|Screenshot of the bar chart [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:49:14Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|thumb|Screenshot of the mouseover [Gruppe 07, 2009]]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:homerpiechart.png|thumb|Screenshot of the pie chart]] [[image:comparison.png|thumb|Screenshot of the normal comparison [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:47:24Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|Screenshot of the mouseover [Gruppe 07, 2009]]]

[Screenshot of the mouseover [Gruppe 07,2009]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|thumb|Screenshot of the time-series view [Gruppe 07, 2009]]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

[[image:piechart.png|thumb|Screenshot of the pie chart]] [[image:comparison.png|thumb|Screenshot of the normal comparison [Gruppe 07, 2009]]]

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:41:50Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|Screenshot of the mouseover [Gruppe 07, 2009]]]

[Screenshot of the mouseover [Gruppe 07,2009]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

[[image:timeseries.png|Screenshot of the time-series view [Gruppe 07, 2009]]]

[Screenshot of the timeseries [Gruppe 07,2009]]

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:40:07Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect. The mouseover effect also lets the exact values of the amounts of liquids pop up.

[[image:mouseover.png|Screenshot of the mouseover [Gruppe 07, 2009]]]
[Screenshot of the mouseover [Gruppe 07,2009]]

The intake of fluids over the year is not only displayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:35:04Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect.

The intake of fluids over the year is not only dsplayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]
[Screenshot of the system [Gruppe 07,2009]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-07T13:33:34Z

UE-InfoVis0809 0309104:

== 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.

== Interactiv visualization ==

=== Description of data, users and goals ===

==== Field of application and dataset ====

Our visualization will be used for medical data gathering and it should show a quick overview and detailed data of homer's life and how his life's circumstances change his drinking habbits. Furthermore it should give information about clinical facts and how homer should change his drinking habbits to get a better life.

We are using multidemnsioal metric data for the drinks consumed by homer for a day in a special month in a special year of his life. We distinguish between fluids (water, milk, juice, cola, café, and beer), contained substances (sugar, alcohol, caffeine), and their recommended maximum dose. "Homer's Life Circumstances" uses metric data for age, money, health, kids and hair. Married and employed are binary datas.

==== Target group ====

This application could be used by medical staff (psychologists, doctors ) and the patient, because our visualization is very simple so everybody is able to deal with the application but also contains all the sufficient data to make medical analysis possible. The ideal case would be if the doctor and his patient would go through the data our visualization offers.

The "Life Overview" in our visualization offers a quick look how drinking habbits have changed and so the doctor can have a quick look what has changed. If you need a closer look and maybe a psychologist wants to answer the question why homer's drinking behavior has changed, our visualization offers a zoom in function down to a single day, where you can see homer's life circumstances, the consumption of drinks and the amount of sugar,alcohol and caffeine someone should eat.

==== Aims of the visualization ====

Goals:

* The visualization should show the change in drinking habits of the named types of fluids (water, milk, fruit juice, coke, coffee and beer) and the amount of certain ingredients (sugar, caffeine, alcohol) ingested per time unit depending on displayed detail-level over time and the influence of certain events during the life of the subject.

* Demonstration of the maximum sugar, caffeine, alcohol a healthy person should consume and the actual amount homer consumes

* Easy derivation of things to change in homer's life to live a healthier life (change life circumstances to get back to healthier consumption of fluids)

=== Concept ===

====Types of visualization====

Different types of visualization were chosen in order to display the information. To get an overview of Homer Simpsons life one can see a ''distribution'' of the consumed drinks over the years. There is a possibility to enlarge certain parts of the diagram by "mouseover" it, which has a fisheye effect.

The intake of fluids over the year is not only dsplayed in the above mentioned way but also as a ''time-series'' in order to amplify the impact of the data in question. That way the user can easily see the periode of time, in which the intake of e.g beer was high and milk was low.

In order to get more details about one year, it is possible to click on the year to get a ''pie chart'', which shows the distribution of the amount of different drinks in a more highlighted way. Next to the pie chart there is a ''normal comparison'' of the amount of consumed fluids compared to the amount of recommended maximum doses.

Double-clicking on one year will open a new distribution, next to the old one, showing Homers consumed drinks for each month. Also, clicking on one month will show a pie chart as well as a normal comparison of consumed fluids and maximum recommended dose. In this view it is also possible to double-click on one month, which will open the distribution shown for each day with the same possibilities mentioned above.

==== Visual Mapping ====

The used data can be parted in different types of data with different dimensions. On the one hand there are the different years, all having the same shape and size, all ordered by date in reverse order.

On the other hand there are different fluids, each having a different color and changing sizes. Each "year-container" is filled with different amounts of each color, which display the dimension of the consumed drink for each year. The amount of each drink is also presented in a pie chart (for year, month and day) by the area it takes up.

Another type of data-dimensions used in the graphs is the comparison of the consumed amount of fluid and the recommended maximum dose. This comparison is displayed showing the dimension of fluid (in height) next to the dimension of maximum dose (in height).

==== Description of principals and techniques ====

Different types of representation were used to visualize Homer Simpsons drinking habits.

Distribution [Few, 2004]: shows the distribution of different values on either vertical or horizontal bars.

Normal Comparison [Few, 2004]: uses only vertical or horizontal bars to compare different value in one or more messures and no particular order.

Time-Series [Few, 2004]: showing different types of data of the same measure on a timeline.

Pie Chart [Gruppe, 2008]: shows the distribution of different components which are parts of the whole.

{{Quotation | They are best used for displaying statistical information when there are no more than six components | [Gruppe, 2008]}}

Fisheye: used to enlarge certain parts of a chart in order to be able to get a better preview of the data

Click / Double-click / mouseover: as a technique to navigate through the chart different commands are used.

==== Interaction possibilities ====

For the user there are different types of interacting with the system. When seeing the overview of Homer Simpsons life they can "mousover" all parts of the chart to see the data enlarged. If they are interested in more detail of the data, one click will display a new diagramm showing the selected data not only in detail but also giving more background information to see (e.g. the comparison of consumed fluid to recommended fluid, current situation concerning childhood, study, marrige, amount of children...).

Even more detailed views can be seen when double-clicking on the selected year/month/day. This will open a view not unlike the first overview, only in a different measure (month instead of years, days instead of month). The user can again get an enlarged view just "mouseovering" the data and more details clicking it once.

The overview of the data (years/month/days, depending on the level the user is at) can still be seen on the left side of the new data. The chosen data is always framed, to show which detailed view is displayed at the moment, hence navigating back to get more detailed views on other sections of Homer Simpsons life is easily accomplished.

Another possibility to interact is the window which shows the current situation of the patient. This view displays data showing information about Homer Simpson from the currently selected periode of life, e.g. the amount of money he had available at this time, the amount of children he had and if he was married or not. This window can also be used as a selection tool in form of a dynamic query. The user is for example able to change the amount of children to go directly to the time, when Homer had 3, 2, 1 or 0 children. The selected years are then highlighted, so that the user can easily see the periode of time he or she selected.

The tool mentioned above can also be used as tool for prognosis. The user can select a year in the future of the patient, change the circumstances of Homer Simpson (e.g the amount of money he might have in future, divorcing him...) through dragging the markers up or down and then see in the other window the prognosis.

==== Mockup(s) / Fake screenshot(s) ====

[[image:system.png|Screenshot of the system [Gruppe 07, 2009]]]

==== How does the system support the users in their tasks? ====

The system is designed to give the user a good overview of the patients life and habits. The possibility to have a look at not only an overview, but to easily get more detailed information about the circumstances the patient was in at what time and the change of drinking behavior can make future prognosis easier for the user. Not only the physical information can be taken into account but also the mental situation the patient was in at the moment.

Furthermore the user has the possibility to compare the drinking habits at different times using the "compare screen", which makes it easier to actually find out the exact differences.

The users have an easy way to look at prognosis of Homer Simpsons future drinking habits by using the prognosis tool and changing the information, hence can try to advise Homer Simpson in a more precise way.

==== Specialties ====

The system itself is pretty much self-explanatory. The navigation is simple and there is a lot of information displayed on one screen without being too detailed to get confused or too little detailed to be meaningless. The user can not only see disconnected data but has a lot of background information to go with it. Therefore making prognosis as well as psychological profiles becomes easier.

==== Advantages and disadvantages ====

''Advantages:'' A big advantage is, as mentioned before, the easy navigation as well as the fact, that the user gets a good overview of the patients life. The unified use of colors for various liquids gives the user a chance to adapt to the system and hence the possibility to get an even better overview in less time when using the system on a regular basis.

Another major advantage is the prognosis/selection tool, which gives the user an possibility to select using a dynamic query as well as the possibility to foresee the patients drinking habit to a certain point.

''Disadvantages:'' Due to the fact, that there is a huge amount of not only relevant data but also additional data used in the system, putting in the data as well as keeping it up to date takes up a rather big amount of time. Expanding the system to use more data might also turn out to be a bit complicated, because the new set of data might mean changes in the system architecture. This disadvantage can be avoided with the programmers keeping in mind that this can happen.

==== Future advancements ====

The more background information the user get the better. In the presented system the used data is pretty limited. The user learns a lot about Homer Simpsons drinking habits, so the intakes of various liquids which contain different amounts of sugar, caffeine and alcohol. Also interesting might for example be his eating habits, due to the fact that that might have a huge impact on his sugar balance.

== References ==
*[Few, 2004] Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Appendix A - Table and Graph Design at a Glance.
*[Gruppe, 2008] Gruppe 7, Pie Chart, Infovis-Wiki,2008, http://www.infovis-wiki.net/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2008/09_-_Gruppe_07_-_Aufgabe_1_-_Pie_Chart

== 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 07|Gruppe 07]]

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

2009-01-03T18:43:11Z

UE-InfoVis0809 0309104:

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

2009-01-03T18:27:12Z

UE-InfoVis0809 0309104:

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

2009-01-03T18:00:57Z

UE-InfoVis0809 0309104:

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

2009-01-03T17:33:32Z

UE-InfoVis0809 0309104:

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

2008-12-09T12:08:38Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graphic "What's for dinner" does not reveal a lot about the information presented in the graphic. The title, which should summarize the graphic in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graphic. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graphic is confusing.

The graphic contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graphic seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

=== Changed Graphic ===

[[Image:Cowsntrees.jpg|600px]] 

=== Correction ===

In the above changed graphic the destruction of the rainforest has been emphasized, using pictograms instead of a pie chart. Though this might stand in conflict with the "use-less-non-data" philosophy in order to make the graphic simple and easy to understand, it is easier to get the message of the graphic at first glance without having to look at the caption. To focus on the destroyed areas, the lost trees have been marked with red crosses rather than leaving them out. This way the message greenpeace might have intended for the graphic should be delivered in a more obvious and direct way. The lines in the changed graphic were used to make the differentiation of the different years more obvious. The text of the graphic was unified and adapted to the importance of its information.

The lack of data could not be fixed, but with using the year dates as titles instead of a timeline the difference between them should be less bothering. The number of trees as well as the number of cows stand for precise units: one tree represents 100.000 square kilometres and one cow represents 500.000 metric tons. Using parts of the respective pictograms should approximate the exact values as good as possible.

Over all, it was tried to keep close to the style of the original graphic, which looks like it had the purpose to be used for public relations reasons, but changed to optimize the visual information using the data at hand.

=== Resources ===

*[Few, 2004a]:Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 7 - General Design for Communication.
*[Few, 2004]:Stephen Few, Elegance Through Simplicity, intelligent enterprise, October 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.
*[Tufte, 1999]:Edward R. Tufte, The Visual Display of Quantitative Information, January 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.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 07|Gruppe 07]]

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

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

2008-12-09T12:05:33Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

=== Changed Graphic ===

[[Image:Cowsntrees.jpg|600px]] 

=== Correction ===

In the above changed graphic the destruction of the rainforest has been emphasized, using pictograms instead of a pie chart. Though this might stand in conflict with the "use-less-non-data" philosophy in order to make the graphic simple and easy to understand, it is easier to get the message of the graph at first glance without having to look at the caption. To focus on the destroyed areas, the lost trees have been marked with red crosses rather than leaving them out. This way the message greenpeace might have intended for the graphic should be delivered in a more obvious and direct way. The lines in the changed graphic were used to make the differentiation of the different years more obvious. The text of the graphic was unified and adapted to the importance of its information.

The lack of data could not be fixed, but with using the year dates as titles instead of a timeline the difference between them should be less bothering. The number of trees as well as the number of cows stand for precise units: one tree represents 100.000 square kilometres and one cow represents 500.000 metric tons. Using parts of the respective pictograms should approximate the exact values as good as possible.

Over all, it was tried to keep close to the style of the original graphic, which looks like it had the purpose to be used for public relations reasons, but changed to optimize the visual information using the data at hand.

=== Resources ===

*[Few, 2004a]:Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 7 - General Design for Communication.
*[Few, 2004]:Stephen Few, Elegance Through Simplicity, intelligent enterprise, October 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.
*[Tufte, 1999]:Edward R. Tufte, The Visual Display of Quantitative Information, January 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.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 07|Gruppe 07]]

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

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

2008-12-09T12:00:44Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

[[Image:Cowsntrees.jpg|600px]] 

=== Correction ===

In the following changed graph the destruction of the rainforest has been emphasized, using pictograms instead of a pie chart. Though this might stand in conflict with the "use-less-non-data" philosophy in order to make the graph simple and easy to understand, it is easier to get the message of the graph at first glance without having to look at the caption. To focus on the destroyed areas, the lost trees have been marked with red crosses rather than leaving them out. This way the message greenpeace might have intended for the graph should be delivered in a more obvious and direct way. The lines in the changed graph were used to make the differentiation of the different years more obvious. The text of the graph was unified and adapted to the importance of its information.

The lack of data could not be fixed, but with using the year dates as titles instead of a timeline the difference between them should be less bothering. The number of trees as well as the number of cows stand for precise units: one tree represents 100.000 square kilometres and one cow represents 500.000 metric tons. Using parts of the respective pictograms should approximate the exact values as good as possible.

=== Resources ===

*[Few, 2004a]:Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 7 - General Design for Communication.
*[Few, 2004]:Stephen Few, Elegance Through Simplicity, intelligent enterprise, October 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

== 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 07|Gruppe 07]]

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

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

2008-12-09T11:51:40Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

[[Image:Cowsntrees.jpg|600px]] 

=== Correction ===

In the following changed graph the destruction of the rainforest has been emphasized, using pictograms instead of a pie chart. Though this might stand in conflict with the "use-less-non-data" philosophy in order to make the graph simple and easy to understand, it is easier to get the message of the graph at first glance without having to look at the caption. The original graph was used by greenpeace and for The lines in the changed graph were used to make the differentiation of the different years more obvious.

The lack of data could not be fixed, but with using the year dates more as titles instead of a timeline the difference between them should be less bothering. The number of trees as well as the number of cows stand for precise units. One tree represents 100.000 square kilometres and one cow represents 500.000 metric tons.

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

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

2008-12-09T11:28:00Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

In the following changed graph we tried to emphasize the destruction of the rainforest, using pictograms instead of a pie chart. Though this might stand in conflict with the less non-data philosophy

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

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

2008-12-09T11:27:30Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===
[[Image:cowsntrees.png|600px]] 
Title

In the following changed graph we tried to emphasize the destruction of the rainforest, using pictograms instead of a pie chart. Though this might stand in conflict with the less non-data philosophy

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

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

2008-12-05T22:50:43Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

A first look at the graph "What's for dinner" does not reveal a lot about the information presented in the graph. The title, which should summarize the graph in short has nothing to do with the message of the image. To get the meaning you first have to read the small printing underneath the title, explaining about the connection between the destruction of the rainforest to provide more land for the grazing of cattle. Even now, knowing what is supposed to be shown, one could start thinking about the advantages of food production, having in mind that a high percentage of the worlds population is starving and in the need of food. This feeling is reinforced looking at the delicious steaks being shown in the graph. On the other side the destruction of a vast amount of rainforest does not evoke any compassion at all. It is displayed by a sphere, which is at first filled with about 1/3th and getting a bit less filled in the other representations, but only coming close to 1/4th, which does not seam like a noticeable loss of rainforest. Also it is not obvious what the sphere stands for, it could be the world, or Brazil, or something completely different. So overall the message that is supposed to be sent with this graph is confusing.

The graph contains mostly non-data-ink, there are a lot of images, lines and text which are not necessary to present the data in question. It is very confusing to have a change in scale, regarding the time periods between the data. The fact that the first time segment spans 20 years and the second time segment only spans 15 years makes it hard to take the graph seriously. To really get the information, one has to tilt his or her head in order to find out which scales the data is measured in, which is in fact in two different scales, metric tons on the one hand, square kilometres one the other. The labelling of the two different kinds of data is not only written vertically, but it also does not stick out as important. Each group of data has another type of labelling, giving information about the amount of data shown in each picture. The labelling of the steaks easily gets lost in the big picture. This is mainly because it is written in the same colour as the steaks, but is much smaller as they are. The labelling of the rainforest on the other hand also does not stick out too much, but is a bit more obvious than the labelling of the steaks. This is due to the fact, that the numbers are directly on the spheres and the color is a bright red which easily sticks out.

The used image representation is, as discussed before poorly chosen. The units of steaks shown in the images stand in no connection with the data they are supposed to represent. There is a flag sticking in one of the steaks for no obvious reason, which is useless non-data-ink. And the drastic change of existing rainforest is not obvious using a pie diagram, because this form of representation does not make it easy to notice the change over time. There are a few obvious and less obvious points the desperately need to be changed in order to impress the viewer.

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

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

2008-12-05T21:57:36Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

mistakes:

too much non-data-ink
changing scale (20 years, 15 years)
different scales (but not obvious)
confusing messages (earth of brazil?)
title not significant/meaningful
the steaks don't represent the units
flag useless
you have to read the text to understand the graph
to read important labeling you have to turn your head
labeling of meat gets lost (small, same color)
labeling of rainforest also not obvious but better because different color and directly on the images
the drastic change of existing rainforest is not obvious with the pie diagramm (doesn't look much)
people have good feeling about a lot of food

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

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

2008-12-04T12:05:42Z

UE-InfoVis0809 0309104:

=== Original Graphic ===
[[Image:Sotpg2.jpg|600px]] 
What's for dinner

=== Critics ===

mistakes:

too much non-data-ink
changing scale (20 years, 15 years)
different scales (but not obvious)
confusing messages (earth of brazil?)
title not significant/meaningful
the steaks don't represent the units
flag useless
you have to read the text to understand the graph
to read important labeling you have to turn your head
labeling of meat gets lost (small, same color)
labeling of rainforest also not obvious but better because different color and directly on the images
the drastic change of existing rainforest is not obvious with the pie diagramm (doesn't look much)

* By following [Few, 2004a] we highlight the data through a desing process:
** Reducing the non data ink
*** Subtract unnecessary non-data ink:
*** De-emphasize and refgularize the data ink:
** Enhancing the data ink
*** Subtract unnecessary data ink
*** Emphasize the most important data ink

=== Changed Graphic ===

=== Resources ===

*[Few, 2004a]: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 07|Gruppe 07]]

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

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-20T16:01:56Z

UE-InfoVis0809 0309104:

==Stick Figure==

----

===Definition===

{{Quotation| A simple drawing, typically of a human body with a circle representing the head and straight lines representing the torso and limbs. | [Cynewulf, 2007]}}

In addition to the quoted definition of stick figures it is in fact also possible to represent other living creatures, using the above mentioned method, drawing a circle for the head and straight lines for the rest of the body.

[[image:journal_4.png|thumb|xkcd.com]]

===Recognizable representation===

Due to the fact, how easy it is to draw and understand stick figures, they are used in various surroundings. Stick figures provide a way to easily represent various situations, forms and proportions of living creatures. They are therefore used in the fields of entertainment, architecture and motion analysis. In architecture stick figures are usually drawn on drafts and sketches to show how the drawn buildings and objects are meant to be used. This may change the view on the objects and buildings and increases the understanding of the architectual plans, especially for non-architects.
Motion analysis on the other hand is simplified by the use of stick figures. It is not necessary to understand the whole process of how motion works to roughly analyse the motion itself, which is easily done by using stick figures. Also, to animate 3D characters, it is nowadays praxis to animate their "skeletons", which is an extended stick figure representing the 3D objects, to make the process easier.

[[image:stick_figure.png|Stick figures for motion analysis [Mao, Qin, Wright, 2006]]]
[Stick figures for motion analysis [Mao, Qin, Wright, 2006]]
[[image:Stick_figure_sample.JPG|thumb|stick figure sample]]

===Human motion patterns===

Stick figures can be used for the visual analysis and creation of human movement. This relation is used in the work of Mao, Qin and Wright, who developed a program using 2D storyboard representations of stick figures to create a 3D character animation [Mao, Qin, Wright, 2006].
{{Quotation| [...] users can depict the character actions by drawing simple stick figure key poses, with graphical motion paths and timing, which can be automatically reconstructed as continuous 3D motion. | [Mao,Qin,Wright, 2007]}}

=== Comics and Entertainment ===
Stick figures seem to be popular actors in webcomics and animations. One of the most
popular web comics starring mostly stick figures is xkcd. When used in animated
graphics or short movies the displayed stick figures often wind up dead.

[[image:duty_calls.png|xkcd.com]]

[xkcd.com]

===References / Weblinks===
*[Mao, Qin, Wright, 2006] Chen Mao, Sheng Feng Qin, David K. Wright. Sketching-out virtual humans: from 2D storyboarding to immediate 3D character animation. Brunel University, Uxbridge, Middlesex, UK, Retreived at: November 4, 2008, http://portal.acm.org/citation.cfm?id=1178823.1178913&coll=ACM&dl=ACM&CFID=9441983&CFTOKEN=82864744
*[Cynewulf, 2007] Cynewulf, Wiktionary: a wiki based open content dictionary, Retreived at: November 4, 2008, http://en.wiktionary.org/wiki/stick_figure
*[Netscape, 2008] Retreived at: November 4, 2008, http://www.dmoz.org/Recreation/Humor/Bizarre/Stick_Figure_Deaths/
*[Munroe, 2008] Last Modified at: November 4, 2008, Retreived at: November 4, 2008, http://xkcd.com
*[Wiktionary, 2008] Last Modified at: September 2 2008, Retreived at: November 4, 2008, http://en.wiktionary.org/wiki/stick_figure

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-20T15:57:09Z

UE-InfoVis0809 0309104:

==Stick Figure==

----

===Definition===

{{Quotation| A simple drawing, typically of a human body with a circle representing the head and straight lines representing the torso and limbs. | [Cynewulf, 2007]}}

In addition to the quoted definition of stick figures it is in fact also possible to represent other living creatures, using the above mentioned method, drawing a circle for the head and straight lines for the rest of the body.

[[image:journal_4.png|thumb|xkcd.com]]

===Recognizable representation===

Due to the fact, how easy it is to draw and understand stick figures, they are used in various surroundings. Stick figures provide a way to easily represent various situations, forms and proportions of living creatures. They are therefore used in the fields of entertainment, architecture and motion analysis. In architecture stick figures are usually drawn on drafts and sketches to show how the drawn buildings and objects are meant to be used. This may change the view on the objects and buildings and increases the understanding of the architectual plans, especially for non-architects.
Motion analysis on the other hand is simplified by the use of stick figures. It is not necessary to understand the whole process of how motion works to roughly analyse the motion itself, which is easily done by using stick figures. Also, to animate 3D characters, it is nowadays praxis to animate their "skeletons", which is an extended stick figure representing the 3D objects, to make the process easier.

[[image:stick_figure.png|Stick figures for motion analysis [Mao, Qin, Wright, 2006]]]
[Stick figures for motion analysis [Mao, Qin, Wright, 2006]]
[[image:Stick_figure_sample.JPG|thumb|stick figure sample]]

===Human motion patterns===

Stick figures can be used for the visual analysis and creation of human movement. This relation is used in the work of Mao, Qin and Wright, who developed a program using 2D storyboard representations of stick figures to create a 3D character animation [Mao, Qin, Wright, 2006].
{{Quotation| [...] users can depict the character actions by drawing simple stick figure key poses, with graphical motion paths and timing, which can be automatically reconstructed as continuous 3D motion. | [Mao,Qin,Wright, 2007]}}

=== Comics and Entertainment ===
Stick figures seem to be popular actors in webcomics and animations. One of the most
popular web comics starring mostly stick figures is xkcd. When used in animated
graphics or short movies the displayed stick figures often wind up dead.

[[image:duty_calls.png|xkcd.com]]

[xkcd.com]

===References / Weblinks===
*[Mao, Qin, Wright, 2006] Chen Mao, Sheng Feng Qin, David K. Wright. Sketching-out virtual humans: from 2D storyboarding to immediate 3D character animation. Brunel University, Uxbridge, Middlesex, UK, http://portal.acm.org/citation.cfm?id=1178823.1178913&coll=ACM&dl=ACM&CFID=9441983&CFTOKEN=82864744
*[Cynewulf, 2007] Cynewulf, Wiktionary: a wiki based open content dictionary, http://en.wiktionary.org/wiki/stick_figure
*[Netscape, 2008] http://www.dmoz.org/Recreation/Humor/Bizarre/Stick_Figure_Deaths/
*[Munroe, 2008] http://xkcd.com
*[Wiktionary, 2008] http://en.wiktionary.org/wiki/stick_figure

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-20T15:56:06Z

UE-InfoVis0809 0309104:

==Stick Figure==

----

===Definition===

{{Quotation| A simple drawing, typically of a human body with a circle representing the head and straight lines representing the torso and limbs. | [Cynewulf, 2007]}}

In addition to the quoted definition of stick figures it is in fact also possible to represent other living creatures, using the above mentioned method, drawing a circle for the head and straight lines for the rest of the body.

[[image:journal_4.png|thumb|xkcd.com]]

===Recognizable representation===

Due to the fact, how easy it is to draw and understand stick figures, they are used in various surroundings. Stick figures provide a way to easily represent various situations, forms and proportions of living creatures. They are therefore used in the fields of entertainment, architecture and motion analysis. In architecture stick figures are usually drawn on drafts and sketches to show how the drawn buildings and objects are meant to be used. This may change the view on the objects and buildings and increases the understanding of the architectual plans, especially for non-architects.
Motion analysis on the other hand is simplified by the use of stick figures. It is not necessary to understand the whole process of how motion works to roughly analyse the motion itself, which is easily done by using stick figures. Also, to animate 3D characters, it is nowadays praxis to animate their "skeletons", which is an extended stick figure representing the 3D objects, to make the process easier.

[[image:stick_figure.png|Stick figures for motion analysis[Mao, Qin, Wright, 2006]]]

[[image:Stick_figure_sample.JPG|thumb|stick figure sample]]

===Human motion patterns===

Stick figures can be used for the visual analysis and creation of human movement. This relation is used in the work of Mao, Qin and Wright, who developed a program using 2D storyboard representations of stick figures to create a 3D character animation [Mao, Qin, Wright, 2006].
{{Quotation| [...] users can depict the character actions by drawing simple stick figure key poses, with graphical motion paths and timing, which can be automatically reconstructed as continuous 3D motion. | [Mao,Qin,Wright, 2007]}}

=== Comics and Entertainment ===
Stick figures seem to be popular actors in webcomics and animations. One of the most
popular web comics starring mostly stick figures is xkcd. When used in animated
graphics or short movies the displayed stick figures often wind up dead.

[[image:duty_calls.png|xkcd.com]]

[xkcd.com]

===References / Weblinks===
*[Mao, Qin, Wright, 2006] Chen Mao, Sheng Feng Qin, David K. Wright. Sketching-out virtual humans: from 2D storyboarding to immediate 3D character animation. Brunel University, Uxbridge, Middlesex, UK, http://portal.acm.org/citation.cfm?id=1178823.1178913&coll=ACM&dl=ACM&CFID=9441983&CFTOKEN=82864744
*[Cynewulf, 2007] Cynewulf, Wiktionary: a wiki based open content dictionary, http://en.wiktionary.org/wiki/stick_figure
*[Netscape, 2008] http://www.dmoz.org/Recreation/Humor/Bizarre/Stick_Figure_Deaths/
*[Munroe, 2008] http://xkcd.com
*[Wiktionary, 2008] http://en.wiktionary.org/wiki/stick_figure

File:Stick figure.png

2008-11-20T15:54:03Z

UE-InfoVis0809 0309104: motion analysis with stick figures

== Summary ==
motion analysis with stick figures
== Copyright status ==
ACM New York, NY, USA
== Source ==
http://portal.acm.org/citation.cfm?id=1178823.1178896&coll=ACM&dl=ACM&CFID=11890987&CFTOKEN=59597796

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:50:26Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:49:18Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Pie Chart

2008-11-04T17:47:59Z

UE-InfoVis0809 0309104:

== Pie Charts==

=== Definition ===
{{Quotation | A pie chart is a circular chart divided into sectors, illustrating relative magnitudes or frequencies or percents. In a pie chart, the size of each sector is proportional to the quantity it represents. Together, the sectors create a full disk. It is named for its resemblance to a pie which has been sliced. | [Wikipedia, 2008]}}

{{Quotation | A type of chart divided into sections of a circle, drawn from a single Y-axis value and used to illustrate the relationship of parts to the whole, particularly useful for emphasizing one specific element. | [Hull, 1998]}}

----

===How to use it===
Determine proportions. Find the total value for the entire category being studied and calculate
the percentage for each segment or part.

Calculate degress. Convert the percentage values for each segment into degrees relative to the
360 degrees in the circle. (For example, 12% X 360 degrees = 43 degrees)

Construct the chart. Draw a circle and divide it into appropriately sized segments.
Add labels and a title. Label each segment or add a legend to identify the segments. Then
clearly title the chart.

----

=== Criticism on the Pie Chart ===

[[image:PiechartsAndBars.png| thumb | Comparison of Pie Chart vs. Bar Chart]]
Though being a common method of displaying data, pie charts are not the preferred method
among statisticians and in scientific literature. While pie charts offer a good view on
how one segment is related to the whole pie the comparison of segments amongst each other
is difficult. Also a comparison by angle (as in pie charts) was shown to be percieved less
accurate than comparison by length. Using bars instead of slices improves therfore improves
the capability to compare the different segments of data.

----

===Example===
[[image:pie_chart_example.jpg|picture]]
==== Data ====
A student's life.
Hours per week.
* '''Sleeping''' '''40'''
* '''Partying''' '''15'''
* '''Eating''' '''10'''
* '''Slacking''' '''20'''
* '''Working''' '''30'''
* '''Studying''' '''20'''

----
=== Other Forms of Charts ===
Among Pie Charts, used to display percentages, other forms of charts can be used for different
purposes.
* Column Charts - Used to show comparisons between items of data. A column in the chart represents the value of one item of data.
* Bar Charts - Are very similar to column charts, except they run horizontally on the page instead of vertically like column charts.
* Line Charts - Used to show trends over time. Each line in the graph shows the changes in the value of one item of data.

----

=== References ===
*[Hull, 1998] Stephen Hull, BusinessObjects Glossary. Last Modified at: November 5, 1998. Retreived at: November 4, 2008 http://planning.ucsc.edu/IRPS/dwh/BOBGLOSS.HTM
*[Concordia University, 1999] Unknown, Pie Chart. Last Modified at: 1999. Retrieved at: November 4, 2008 http://web2.concordia.ca/Quality/tools/21piechart.pdf
*[French, 2008] Ted French. Chart. http://spreadsheets.about.com/od/c/g/chart_def.htm
*[Wikipedia, 2008] Wikipedia, http://en.wikipedia.org/wiki/Pie_chart

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:46:35Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:42:15Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:23:27Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:18:07Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T17:00:19Z

UE-InfoVis0809 0309104:

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07 - Aufgabe 1 - Stick Figure

2008-11-04T16:52:42Z

UE-InfoVis0809 0309104: New page: ==Stick Figure== ---- ===Definition=== {{Quotation| A simple drawing, typically of a human body with a circle representing the head and straight lines representing the torso and limbs. |...

==Stick Figure==

----

===Definition===
{{Quotation| A simple drawing, typically of a human body with a circle representing the head and straight lines representing the torso and limbs. | [Cynewulf, 2007]}}

[[image:journal_4.png|thumb|xkcd.]]

===Recognizable representation of a objects===
storyboards, arcitecture,...
===Human motion patterns===
visual analysis of human movement
===Comics - Animation - Entertainment===
xkcd, 2d-->3d, death theatre

[[image:duty_calls.png|Stick Figure.]]

[xkcd]

===References / Weblinks===
*[Anonymous, 2008] John Doe. Unknown Paper. Wikitionary, http://en.wiktionary.org/wiki/stick_figure
*[Weblink] http://en.wiktionary.org/wiki/stick_figure

User:UE-InfoVis0809 0201680

2008-10-24T22:36:30Z

UE-InfoVis0809 0309104:

[[Image:journal_4.png|right|100px|thumb|xkcd.com]]

*'''nachname:''' angerbauer

*'''vorname:''' max

*'''matrikelnr:''' 0201680

*'''foto:''' nein

*'''kennzahl:''' 534

*'''email:''' e0201680@student.tuwien.ac.at

*'''Group:''' [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07|Gruppe 07 (LUCKNER, HEIL, ANGERBAUER)]]

File:Journal 4.png

2008-10-24T22:35:39Z

UE-InfoVis0809 0309104: [Munroe,2008] xkcd - A Webcomic. Created at: June 4, 2008. Retrieved at: Oct 25, 2008. http://xkcd.com/432/

== Summary ==
[Munroe,2008] xkcd - A Webcomic. Created at: June 4, 2008. Retrieved at: Oct 25, 2008. http://xkcd.com/432/
== Copyright status ==
Creative Commons Attribution-NonCommercial 2.5 License
== Source ==
http://xkcd.com/432/

File:Octobuilding.jpg

2008-10-24T22:22:55Z

UE-InfoVis0809 0309104: [kenfan,2008] Flickr - Photo-Sharing!. Created at: July 9, 2008. Retrieved at: Oct 25, 2008. http://flickr.com/photos/83472180@N00/2654021441/

== Summary ==
[kenfan,2008] Flickr - Photo-Sharing!. Created at: July 9, 2008. Retrieved at: Oct 25, 2008. http://flickr.com/photos/83472180@N00/2654021441/
== Copyright status ==
All rights reserved
== Source ==
http://flickr.com/photos/83472180@N00/2654021441/

User:UE-InfoVis0809 0201680

2008-10-24T21:52:02Z

UE-InfoVis0809 0309104:

*'''nachname:''' angerbauer

*'''vorname:''' max

*'''matrikelnr:''' 0201680

*'''foto:''' nein

*'''kennzahl:''' 534

*'''email:''' e0201680@student.tuwien.ac.at

*'''Group:''' [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07|Gruppe 07 (LUCKNER, HEIL, ANGERBAUER)]]

User:UE-InfoVis0809 0309104

2008-10-24T21:50:37Z

UE-InfoVis0809 0309104:

[[Image:duty_calls.png|right|100px|thumb|xkcd.com]]

*'''Nachname:''' Luckner

*'''Vorname:''' Naemi

*'''Matrikelnummer:''' 0309104

*'''Studienkennzahl:''' 532

*'''E-mail Adresse:''' naemi[a]gmx.at

*'''Group:''' [[Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 07|Gruppe 07 (LUCKNER, HEIL, ANGERBAUER)]]

User:UE-InfoVis0809 0309104

2008-10-24T21:49:04Z

UE-InfoVis0809 0309104:

User:UE-InfoVis0809 0309104

2008-10-24T21:44:23Z

UE-InfoVis0809 0309104:

[[Image:duty_calls.png|right|100px|thumb|xkcd.com]]

Nachname: Luckner

Vorname: Naemi

Matrikelnummer: 0309104

Studienkennzahl: 532

E-mail Adresse: naemi[a]gmx.at

File:Duty calls.png

2008-10-24T21:41:16Z

UE-InfoVis0809 0309104: [Munroe,2008] xkcd - A Webcomic. Created at: May 30, 2008. Retrieved at: May 30, 2008. http://xkcd.com/386/

== Summary ==
[Munroe,2008] xkcd - A Webcomic. Created at: May 30, 2008. Retrieved at: May 30, 2008. http://xkcd.com/386/
== Copyright status ==
Creative Commons Attribution-NonCommercial 2.5 License
== Source ==
http://xkcd.com/386/