InfoVis:Wiki - User contributions [en]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2010-01-28T21:02:27Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
------------------------------- 
[[Image:spend.png]]

===Critics===
Again, the main point of failure is the bad readability of the graph. The eye of the reader gets distracted by the load of information viewed in circles, which are more confusing than being informal. The vertical distance between the rows of data intensify this effect. 
There are three different types of information in the graph. First, there is the absolut Spending/Income of the average US consumer. The second one is the spending per category for the average US consumer and the third one is the comparison per category and age group. The readability of the first and second type is acceptable (it's bad nevertheless), the third type shows the viewer hardly anything. The circles show the absolute amount of money spent, the number beneath the circle shows the percentage of the money the age group spent for all of the category. Because of this, the circle that's on top of the number 31,2% is much smaller than the circle above the number 26,6%. That's confusing on the one hand and on the other hand, it gives the viewer wrong information, if he just glances over the graph and doesnt take his time to decipher it. 
The caption of the columns is to far from the numbers at the end of the graph, so the viewer has to scroll up to see the caption. 
The graph should be consistent, so the 2x section confuses the viewer. 
Because of all these critics, we decided to change the graph completly.

===Redesigned Graph===
[[Image:grafik.jpg|500px]]

===Changes===
* Devided the graph into 3 smaller graphs with increased readability, mainly because the graph now can be put on one page and the user doesn't have to scroll to find related information. 
* The first graph shows the average expenditures seperated by age group. The overall Expenditures are displayed by the red line, the total income before tax is displayed by the green line. 
* The second graph shows the absolut expenditures seperated by categories. 
* The third graph shows the same categories as the second graph, but instead of absolut expenditures, there are relative expenditures seperated within the categories by age group.

===Reredesigned Graph===
[[Image:infovis_abgabe3.jpg|500px]]

===Changes===
* Added captions to the axes to enhance the readability. 
* Renamed some captions/headings, because they were confusing. 
* Renamed the x2 section to 2x section, because that's what the original graph said. 
* Added the source of the information to give the owner of the data credits. 
* Decided not to delete the lines in the first graph to save the information provided by the original graph 
* Graph 1 and 3 could not be merged, because the first graph shows the absolute expenditures, the third one shows relative expenditures. The two graphs can not be compared, because the first graph shows the total expenditures of the age group and the third one shows how much of their total expenditures they spend on what categorie. 

===Rereredesigned Graph===
[[Image:infovis_abgabe3a.jpg|500px]]

===Changes===
* Added captions to the x and y-axes in the first chart to enhance the readability. 
* Removed lines and legend from first chart, because they seemed to be confusing.

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T13:00:01Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed 
- Comparison of different members of the Simpsons

===Content===

Used visualisation techniques:
* vertical family tree - To give a compact overview without giving the user an information overflow. It is the starting visualization from which the user can access all the information he wants.
* current mood indicator - This indicator helps the user to see the current mood of a character without wasting any space, because the portrait is shown anyways.
* line graph for life span mood - used to give a quickly readable view over the mood per year dependency.
* The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives. This lifespan view is also used for comparison of sub trees. Because of the better readabillity, the graph is flipped by 90°, so the family tree is now a vertical tree.

Possible interactions:
* Interaction between the user and the system
* Double click on the character to see more detailed information
* Mouseover for displaying the bloodline
* Drag and drop one character to another for a detailed comparison
* Field selection of two subtrees for comparison
* There is a live-search possibillity to filter facts about the characters. With this option, its possible to filter e.g. all characters that spent time in prison or all characters called Maulwurf.
* The horizontal family tree contains a lifespan with import events, ordered by their starting date. Mouseover for displaying details about this event.

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:Lifespan.jpg|800px]]
 Comparison of two sub family trees 
 In the horizontal sub family tree there is a possibility to display detailed information displayed on the lifespan box as well as average information compared between the two subtrees.( not shown in the image)

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T12:42:37Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed 
- Comparison of different members of the Simpsons

===Content===

Used visualisation techniques:
* horizontal family tree - To give a compact overview without giving the user an information overflow. It is the starting visualization from which the user can access all the information he wants.
* current mood indicator - This indicator helps the user to see the current mood of a character without wasting any space, because the portrait is shown anyways.
* line graph for life span mood - used to give a quickly readable view over the mood per year dependency.
* The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives. This lifespan view is also used for comparison of sub trees. Because of the better readabillity, the graph is flipped by 90°, so the family tree is now a vertical tree.

Possible interactions:
* Interaction between the user and the system
* Double click on the character to see more detailed information
* Mouseover for displaying the bloodline
* Drag and drop one character to another for a detailed comparison
* Field selection of two subtrees for comparison
* There is a live-search possibillity to filter facts about the characters. With this option, its possible to filter e.g. all characters that spent time in prison or all characters called Maulwurf.
* The vertical family tree contains a lifespan with import events, ordered by their duration.

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:vergleich.jpg|800px]]
 Comparison of two sub family trees

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T11:45:40Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed 
- Comparison of different members of the Simpsons

===Content===

Used visualisation techniques:
* horizontal family tree - To give a compact overview without giving the user an information overflow. It is the starting visualization from which the user can access all the information he wants.
* current mood indicator - This indicator helps the user to see the current mood of a character without wasting any space, because the portrait is shown anyways.
* line graph for life span mood - used to give a quickly readable view over the mood per year dependency.
* The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives. This lifespan view is also used for comparison of sub trees. Because of the better readabillity, the graph is flipped by 90°, so the family tree is now a vertical tree.

Possible interactions:
* Interaction between the user and the system
* Double click on the character to see more detailed information
* Mouseover for displaying the bloodline
* Drag and drop one character to another for a detailed comparison
* Field selection of two subtrees for comparison
* There is a live-search possibillity to filter facts about the characters. With this option, its possible to filter e.g. all characters that spent time in prison or all characters called Maulwurf.

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:vergleich.jpg|800px]]
 Comparison of two sub family trees

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T11:30:34Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed 
- Comparison of different members of the Simpsons

===Content===

Used visualisation techniques:
* horizontal family tree
* current mood indicator
* line graph for life span mood
* The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives.

Possible interactions:
* Interaction between the user and the system
* Double click on the character to see more detailed information
* Mouseover for displaying the bloodline
* Drag and drop one character to another for a detailed comparison
* Field selection of two subtrees for comparison
* There is a live-search possibillity to filter facts about the characters. With this option, its possible to filter e.g. all characters that spent time in prison or all characters called Maulwurf.

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:vergleich.jpg|800px]]
 Comparison of two sub family trees

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching talk:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T11:23:57Z

UE-InfoVis0910 0425751:

==Bewertung==

'''vorläufige Bewertung: 24 Punkte''' 

Begründung:
* Keine Beschreibung eurer Visualisierung und der einzelnen Views.
* Die schwarze Farbe als Hintergrund ist zu dominant
* Legende fehlt
* Warum sind Marge und Homer blutsverwandt?
* Marcey und Hans Maulwurf haben keinen Vater
* Die Detail-View finde ich gut (abgesehen von der schwarzen Farbe)
* Bei der Comparison View wäre eine Darstellung, die mehr Vergleiche zulässt, besser gewesen.
* zeitliche Aspekte (Geburt, Tod, Lebensdauer) nicht visuell dargestellt
* wichtige Ereignisse nicht visuell dargestellt
* bisschen wenig Interaktionsmöglichkeiten (z.B. Filtern)
* Begründung, warum ihr welche visuellen Attribute gewählt habt, fehlt.

Explanations:
* Marcey and Hans Maulwurf have a father, but through privacy issues, and because their father was a sperm donor, the authors of this family tree could not tell who he was. After some research, it appeared that Duffman was the father of these two characters.

[[User:Katharina-Anna Wendelin|Katharina-Anna Wendelin]] 11:02, 20 January 2010 
----

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T11:18:43Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed 
- Comparison of different members of the Simpsons

===Content===

Used visualisation techniques:
* horizontal family tree
* current mood indicator
* line graph for life span mood
* The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives.

Possible interactions:
* Interaction between the user and the system
* Double click on the character to see more detailed information
* Mouseover for displaying the bloodline
* Drag and drop one character to another for a detailed comparison
* Field selection of two subtrees for comparison

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:vergleich.jpg|800px]]
 Comparison of two sub family trees

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-26T11:16:03Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe4.html Beschreibung der Aufgabe 4]
=== Zu erstellende Visualisierung ===
-------------------------------
* Stammbaum der Nachkommen von Lisa und Bart Simpson*

...Visualisierung der Nachkommen von Lisa Simpson sowie der Nachkommen von Bart Simpson. Dabei sollen zwei Stammbäume entstehen - einer von Bart und einer von Lisa - die dann miteinander verglichen werden können. Zuerst kommen Lisa und Bart, dann deren Kinder, ihre Enkel, etc. (mind 4 Generationen). Da es noch keine Nachkommen gibt, können diese frei erfunden werden.

Die Visualisierung soll folgende Informationen darstellen:

- Verwandtschaftsverhältnisse (zumindest Eltern-Kinder),

- Unterscheidung zwischen Blutsverwandtschaft und angeheirateten Familienmitgliedern,

- Geburts- und Todestag sowie Lebensdauer von allen Familienmitgliedern,

- wichtige Ereignisse im Leben jedes Familienmitglieds (z.B., Anzeigen, Gefängnisaufenthalte, Schulzeit, Studienzeit, Nobelpreise, Arbeitslosigkeit etc.)

- Zufriedenheit jedes Familienmitglieds (Skala: sehr niedrig - niedrig - mittel - hoch - sehr hoch); kann sich im Laufe des Lebens ändern.

Die Visualisierung soll die interaktive Auseinandersetzung mit den Daten ermöglichen.
Verpflichtend:
Möglichkeiten zum besseren Vergleich von einzelnen Abschnitten der Stammbäume bzw. Vergleich von Ausschnitten aus Lisas und Barts Stammbäumen.
+ mind. 2 weitere Interaktionsmöglichkeiten (z.B., Details on Demand, Filteroptionen)

Allgemein:

- Die Daten sollen zur Analyse von Zusammenhängen zwischen Familienverhältnissen, wichtigen Ereignissen und Zufriedenheit visualisiert werden (die Anwendungsgebiets- und Zielgruppenanalyse kann kurz gehalten werden).

- Die bisher erlernten Design-Prinzipien sollen umgesetzt werden z.B.: Optimierung der Data-ink ratio (keine Comics!), visuelle Attribute (Größe, Farbe, Position, etc.) sollen sinnvoll eingesetzt werden (Information darstellen).

- Die Mockups sollten zumindest 1) die beiden Stammbäume im Überblick und 2) eine detaillierte Vergleichsansicht von 2 Teil-Stammbäumen wiedergeben.

- Alle nicht angeführten Daten können frei erfunden werden.

------------------------------
===Application area analysis===

The topic deals with two family trees consisting of Bart and Lisa Simpson, which should be interactive.

Main features:

* Family relations (Parents- child relationship, blood relationship, related by marriage)
* At least three possible interactions

Required fields:

* Family tree
* Name
* Date of birth/death
* Lifespan
* Important events
* Mood
* Comparison of two family trees
* Comparison of two family members
* Display of blood relationship

===Data set description===

* Family Tree: Top down tree structure with Bart and Lisa as root
* Name: Nominal data field
* Date of birth/death: Ordinal data field
* Lifespan: Discrete numerical data field
* Important events: Nominal data field
* Mood: Discrete ordinal data field

===Target audience analysis===

* Designed for people admireing the Simpsons.
* The target audience likes being informed about details like mood, important events, ...
* They don't care about medical stuff, but they want to see piuctures of the Simpsons.

===Purpose of the visualization===

* The main goal of the visualization is to sum up the most imoportant information about all Simpsons descendents.
* Questsions to be solved:
- Details should be possible to be displayed
- Comparison of different members of the Simpsons

===Content===

* Used visualisation techniques
- horizontal family tree
- current mood indicator
- line graph for life span mood
- The lifespan can be shown by pressing a button that changes the view of the family tree. In this lifespan-view, there is a legend that indicates the year and the boxes around the characters get longer the longer a charakter lives.

* Possible interactions
o Interaction between the user and the system
- Double click on the character to see more detailed information
- Mouseover for displaying the bloodline
- Drag and drop one character to another for a detailed comparison
- Field selection of two subtrees for comparison

===Mock ups===
 [[Image:Stammbaum.jpg|800px]]
 Family Tree of the Simpsons
 This Visualization displays the complete Family Tree of the Simpsons, starting at Homer and Marge Simpson. On the left hand, there is the Sub-Tree of Bart Simpson and his descendents. On the right side, there is the Lisa Simpson-Subtree, and of course Maggie, who lacks of descendents.
 [[Image:Blutlinie.jpg|800px]]
 Display of bloodrelated Simpsons
 Same Family Tree like above, when the user moves the mouse over a familymember, it gets highlighted in yellow for being the "bloodlinehost", and every member of the family that is related by blood gets highlighted in red.
 [[Image:bartmood.jpg|500px]]
 Moodindicator (example Bart Simpsons)
 The Moodindicator shows the current mood of a family member. The expression of the face shown in the portrait gives feedback on how the character feels at the moment.
 [[Image:info.jpg|800px]]
 personal information (example Bart Simpsons)
 This view shows detailed information about a selected character, it gives information about birth, death, important events, mood over lifespan. The next 2 tabs show important events in education and work. The last tab is for the comparison of two characters. By dragging a character and dropping it on another one, the last tab opens up to show a comparison of these two.
 [[Image:vergleich.jpg|800px]]
 Comparison of two sub family trees

------------------------------

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-05T15:03:03Z

UE-InfoVis0910 0425751: CATOR

File:Vergleich.jpg

2010-01-05T14:48:05Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-05T14:47:54Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-05T14:42:51Z

UE-InfoVis0910 0425751:

File:Info.jpg

2010-01-05T14:38:59Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2010-01-05T14:38:41Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2010-01-04T17:51:41Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe3.html Beschreibung der Aufgabe 3]
=== Zu verbessernde Grafik ===
------------------------------- 
[[Image:spend.png]]

===Critics===
Again, the main point of failure is the bad readability of the graph. The eye of the reader gets distracted by the load of information viewed in circles, which are more confusing than being informal. The vertical distance between the rows of data intensify this effect. 
There are three different types of information in the graph. First, there is the absolut Spending/Income of the average US consumer. The second one is the spending per category for the average US consumer and the third one is the comparison per category and age group. The readability of the first and second type is acceptable (it's bad nevertheless), the third type shows the viewer hardly anything. The circles show the absolute amount of money spent, the number beneath the circle shows the percentage of the money the age group spent for all of the category. Because of this, the circle that's on top of the number 31,2% is much smaller than the circle above the number 26,6%. That's confusing on the one hand and on the other hand, it gives the viewer wrong information, if he just glances over the graph and doesnt take his time to decipher it. 
The caption of the columns is to far from the numbers at the end of the graph, so the viewer has to scroll up to see the caption. 
The graph should be consistent, so the 2x section confuses the viewer. 
Because of all these critics, we decided to change the graph completly.

===Redesigned Graph===
[[Image:grafik.jpg|500px]]

===Changes===
* Devided the graph into 3 smaller graphs with increased readability. 
* The first graph shows the average expenditures seperated by age group. The overall Expenditures are displayed by the red line, the total income before tax is displayed by the green line. 
* The second graph shows the absolut expenditures seperated by categories. 
* The third graph shows the same categories as the second graph, but instead of absolut expenditures, there are relative expenditures seperated within the categories by age group.

===Reredesigned Graph===
[[Image:infovis_abgabe3.jpg|500px]]

===Changes===
* Added captions to the axes 
* Renamed some captions/headings 
* Renamed the x2 section to 2x section 
* Added the source of the information 
* Decided not to delete the lines in the first graph to save the information provided by the original graph 
* Graph 1 and 3 could not be merged, because the first graph shows the absolute expenditures, the third one shows relative expenditures. The two graphs can not be compared, because the first graph shows the total expenditures of the age group and the third one shows how much of their total expenditures they spend on what categorie.

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T13:02:04Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T12:53:13Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T12:52:45Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T12:48:22Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T12:29:55Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4

2009-12-30T11:40:10Z

UE-InfoVis0910 0425751:

File:Infovis abgabe3.jpg

2009-12-30T11:12:25Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2009-12-30T11:12:03Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2009-12-30T10:30:58Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2009-12-08T12:12:13Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2009-12-02T16:43:03Z

UE-InfoVis0910 0425751:

File:Grafik.jpg

2009-12-02T16:42:34Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3

2009-12-02T16:42:09Z

UE-InfoVis0910 0425751:

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-12-02T15:18:46Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect. 
There should be annotations that explain the abbreviations in the header. 
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places. 
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg|600px]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

===Redesigned Table===
[[Image:infovis_rechts.jpg|600px]]
[[Image:infovis_mittig.jpg|600px]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

File:Infovis rechts.jpg

2009-12-02T15:16:19Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

File:Infovis mittig.jpg

2009-12-02T15:16:04Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:29:54Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect. 
There should be annotations that explain the abbreviations in the header. 
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places. 
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg|600px]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:29:36Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect. 
There should be annotations that explain the abbreviations in the header. 
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places. 
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg|200px]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:29:04Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect. 
There should be annotations that explain the abbreviations in the header. 
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places. 
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg|200px|thumb]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

File:Table4new.jpg

2009-11-12T14:18:12Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:16:59Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect. 
There should be annotations that explain the abbreviations in the header. 
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places. 
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:06:34Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect.
There should be annotations that explain the abbreviations in the header.
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places.
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right alignment.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:04:48Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect.
There should be annotations that explain the abbreviations in the header.
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places.
According to Stephen Few, numbers should be aligned at the right end of a field.

===New Table===
[[Image:table4new.jpg]]

===Changes===
* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2

2009-11-12T14:03:47Z

UE-InfoVis0910 0425751:

== Aufgabenstellung ==
[http://ieg.ifs.tuwien.ac.at/~gschwand/teaching/infovis_ue_ws09/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]
=== Zu beurteilende Tabelle ===
[[Image:table4.gif]]

===Critics===
The main point of failure is the bad readability of the table. The eye of the reader gets distracted by the grid. The missing vertical white spaces intensify this effect.
There should be annotations that explain the abbreviations in the header.
Because of the missing knowledge in this matter, we can't comment on the importance of the number of decimal places.
According to Stephen Few, numbers should be aligned at the right end of a field.

[[Image:table4new.jpg]]

* changed the grid into bigger white spaces and changed the background of every second row to 10% grey. This enhanced the readability significantly.
* Added annotations to explain the abbreviations to help understanding the table.
* Devided header into header spanner header and spanner rule.
* Changed orientation for numbers to right.

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2009/10|InfoVis:Wiki UE Homepage]]

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

*[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15|Gruppe 15]]

Teaching talk:TUW - UE InfoVis WS 2005/06 - Gruppe 10 - Aufgabe 1 - Grid Based Layout

2009-11-06T12:21:49Z

UE-InfoVis0910 0425751:

*Rechtschreibfehler ausgebessert
*vervollständigt

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 10 - Aufgabe 1 - Grid Based Layout

2009-11-06T12:21:00Z

UE-InfoVis0910 0425751:

== Definitions ==

* ''As in mathematics, the ''Layout-Grid'' can be definded as a set of regular lines, crossing eachother and therefore buildung a set of regular, consistent fields.'' Freely translated from the Original German by [Shea et al., 2005], [1]

* ''In its strictest form a ''Grid'' is literally a grid of X by Y pixels. The elements on the page are then placed on the cell border lines and overall aligned on horizontal and vertical lines.'' [Welie, 2005]

== Introduction ==

A common style over multiple pages is an important design principle. The ''Grid Based Layout'' helps the designer and the user to simplify the arrangement of several different design elements on one page. While giving layouters a common but flexible structure for placing content on the one hand, the reader is provided with a predictable surface to deal with on the other hand [Hinum, 2004].

[[Image:Grid_based_hinum1.gif|none|thumb|200px|none|Grid Based Layout Principle]]

As shown in the preceding figure, a grid has to be defined (the upper parts of the figure) which divides the layout space into several usually rectangular units according to the [http://www.sapdesignguild.org/resources/optical_illusions/gestalt_laws.html Gestalt laws] ''proximity, grouping, symetry'' and ''alignment''. Using for example the law of ''proximity'', the layouter of a web page could decide to place two grid units close by each others to let the reader see the strong semantic coherence between them. After finishing the grid layout, the content then is arranged using this grid as a mask (shown in the lower parts of the figure).

== Grid Based Layout in practice ==

''Grid Based Layout'' is not a new design principle. This section describes the history of this layout and addresses the problems occuring by transporting to other than print media.

=== History ===

''Grid Based Layout'' has it's roots in the printmedia. If you look into any newspaper or magazine you will find a very good example of a ''Grid Based Layout''. Historically seen this layout exists since the designs of Mondrian and Le Corbusier in the 1920s to 1940s. The layout was then adopted in Switzerland after the World War II and spread throughout the whole world in the 1950s and 1960s. Today ''Grid Based Layout'' is ubiquitous in commercial publications and a lot of software was developed to support this technique. For example [http://http://www.quark.com/ QuarkXPress] as the print industry standard, but also [http://www.adobe.com/products/pagemaker/main.html Adobe Page Maker] and [http://office.microsoft.com/en-us/FX010857941033.aspx Microsoft Publisher], which are more commonly used for desktop publishing. [Jacobs et al., 2003]

The following figure shows one example of the use of the ''Grid Based Layout'' for positioning different text blocks and images on the cover page of an university magazine:

[[Image:Cover-fall-2003-lg.gif|none|thumb|200px|none|Carleton Magazine Cover Page]]

=== Other Media ===

When trying to transport the ''Grid Based Layout'' to new media like the internet, the main problem is that designers cannot use the fixed layouts from the print media, because they have to deal with different resolutions. A web designer generally has the choice between a nice formatted version of the article - which is formatted for one specific resolution - on the one hand, and a version that flows much better on the screen, but which does not really apply to the ''Grid Based Layout'' principle any more. [Jacobs et al., 2003]

In the following figure a grid based design of a sample e-business web shop can be seen. This exemplary layout obviously shows the advantage of a common placement of units: A number of currently selected shop items are shown in a horizontal list including details like a preview picture, a short description and a price. By equally positioning theses layout units, the user is able to understand the presented information at a glance.

[[Image:Grid_based_abn-small.jpg|none|thumb|200px|left|Abn-Amro Web Shop]]
[[Image:Grid_based_audi-small.jpg|none|thumb|200px|none|Audi Nederland]]
 

The second figure shows the layout of the Audi Nederland e-commerce site presenting Audi's car models. Audi used a very clear ''Grid Based Layout'' which enables the interested user to easily navigate through the different pages and understand the presented content.

== Pros & Cons ==

* As Martijn van Welie discusses, the biggest advantage of using the ''Grid Based Layout'' is the fast recognition and understanding of the provided content by the user [Welie, 2005].

* Through choosing a commonly used layout, the management of content is easier for the content provider.

* Page designs that do not use a grid often tend to look 'messy' or 'unprofessional' [Welie, 2005].

* The biggest disadvantage of the ''Grid Based Layout'' is its inflexibility in designing creative and frequently changing layouts e.g. for fancy web sites.

== Bibliography ==

:[Shea et al., 2005] Dave Shea and Molly E. Holzschlag. ''Zen und die Kunst des CSS-Designs''. Addison-Wesley, Munich, Germany, 2005. page 138.

:[Jacobs et al., 2003] Charles Jacobs, Wilmot Lee, Evan Schrier, David Bargeron and David Salesin. Adaptive grid-based document layout. ACM Transactions on Graphics (TOG), Volume 22 , Issue 3, Special issue: Proceedings of ACM SIGGRAPH 2003:838 - 847, July 2003.

:[Hinum, 2004] Klaus Hinum, Human centred Design for Graphical User Interfaces - Practical Guidelines. Master's thesis, Vienna University of Technology, Austria, 2004. http://www.ifs.tuwien.ac.at/hinum/files/Master_Thesis_Klaus_Hinum.pdf

:[Welie, 2005] Martijn van Welie, Patterns in Interaction Design. Retrieved at Oct. 25, 2005. http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout

:[Gross, 1991] Mark D. Gross, Grids in Design and CAD. University of Colorado at Boulder, 1991. http://depts.washington.edu/dmgftp/publications/pdfs/acadia_91_mdg.pdf

== Footnotes ==

[1] {{Quotation| Wie in der Mathematik handelt es sich bei einem Layoutraster einfach um eine Reihe gleichmäßig verteilter, sich kreuzender Linien, die eine Reihe von logischen, entsprechend konsistenten Feldern bilden. | Shea and Holzman, 2005}}

Teaching:TUW - UE InfoVis WS 2005/06 - Gruppe 10 - Aufgabe 1 - Grid Based Layout

2009-11-06T12:18:30Z

UE-InfoVis0910 0425751:

== Definitions ==

* ''As in mathematics, the ''Layout-Grid'' can be definded as a set of regular lines, crossing eachother and therefore buildung a set of regular, consistent fields.'' Freely translated from the Original German by [Shea et al., 2005], [1]

* ''In its strictest form a ''Grid'' is literally a grid of X by Y pixels. The elements on the page are then placed on the cell border lines and overall aligned on horizontal and vertical lines.'' [Welie, 2005]

== Introduction ==

A common style over multiple pages is an important design principle. The ''Grid Based Layout'' helps the designer and the user to simplify the arrangement of several different design elements on one page. While giving layouters a common but flexible structure for placing content on the one hand, the reader is provided with a predictable surface to deal with on the other hand [Hinum, 2004].

[[Image:Grid_based_hinum1.gif|none|thumb|200px|none|Grid Based Layout Principle]]

As shown in the preceding figure, a grid has to be defined (the upper parts of the figure) which divides the layout space into several usually rectangular units according to the [http://www.sapdesignguild.org/resources/optical_illusions/gestalt_laws.html Gestalt laws] ''proximity, grouping, symetry'' and ''alignment''. Using for example the law of ''proximity'', the layouter of a web page could decide to place two grid units close by each others to let the reader see the strong semantic coherence between them. After finishing the grid layout, the content then is arranged using this grid as a mask (shown in the lower parts of the figure).

== Grid Based Layout in practice ==

''Grid Based Layout'' is not a new design principle. This section describes the history of this layout and addresses the problems occuring by transporting to other than print media.

=== History ===

''Grid Based Layout'' has it's roots in the printmedia. If you look into any newspaper or magazine you will find a very good example of a ''Grid Based Layout''. Historically seen this layout exists since the designs of Mondrian and Le Corbusier in the 1920s to 1940s. The layout was then adopted in Switzerland after the World War II and spread throughout the whole world in the 1950s and 1960s. Today ''Grid Based Layout'' is ubiquitous in commercial publications and a lot of software was developed to support this technique. For example [http://http://www.quark.com/ QuarkXPress] as the print industry standard, but also [http://www.adobe.com/products/pagemaker/main.html Adobe Page Maker] and [http://office.microsoft.com/en-us/FX010857941033.aspx Microsoft Publisher], which are more commonly used for desktop publishing. [Jacobs et al., 2003]

The following figure shows one example of the use of the ''Grid Based Layout'' for positioning different text blocks and images on the cover page of an university magazine:

[[Image:Cover-fall-2003-lg.gif|none|thumb|200px|none|Carleton Magazine Cover Page]]

=== Other Media ===

When trying to transport the ''Grid Based Layout'' to new media like the internet, the main problem is that designers cannot use the fixed layouts from the print media, because they have to deal with different resolutions. A web designer generally has the choice between a nice formatted version of the article - which is formatted for one specific resolution - on the one hand, and a version that flows much better on the screen, but which does not really apply to the ''Grid Based Layout'' principle any more. [Jacobs et al., 2003]

In the following figure a grid based design of a sample e-business web shop can be seen. This exemplary layout obviously shows the advantage of a common placement of units: A number of currently selected shop items are shown in a horizontal list including details like a preview picture, a short description and a price. By equally positioning theses layout units, the user is able to understand the presented information at a glance.

[[Image:Grid_based_abn-small.jpg|none|thumb|200px|left|Abn-Amro Web Shop]]
[[Image:Grid_based_audi-small.jpg|none|thumb|200px|none|Audi Nederland]]
 

The second figure shows the layout of the Audi Nederland e-commerce site presenting Audi's car models. Audi used a very clear ''Grid Based Layout'' which enables the interested user to easily navigate through the different pages and understand the presented content.

== Pros & Cons ==

* As Martijn van Welie discusses, the biggest advantage of using the ''Grid Based Layout'' is the fast recognition and understanding of the provided content by the user [Welie, 2005].

* Through choosing a commonly used layout, the management of content is easier for the content provider.

* Page designs that do not use a grid often tend to look 'messy' or 'unprofessional'.

* The biggest disadvantage of the ''Grid Based Layout'' is its inflexibility in designing creative and frequently changing layouts e.g. for fancy web sites.

== Bibliography ==

:[Shea et al., 2005] Dave Shea and Molly E. Holzschlag. ''Zen und die Kunst des CSS-Designs''. Addison-Wesley, Munich, Germany, 2005. page 138.

:[Jacobs et al., 2003] Charles Jacobs, Wilmot Lee, Evan Schrier, David Bargeron and David Salesin. Adaptive grid-based document layout. ACM Transactions on Graphics (TOG), Volume 22 , Issue 3, Special issue: Proceedings of ACM SIGGRAPH 2003:838 - 847, July 2003.

:[Hinum, 2004] Klaus Hinum, Human centred Design for Graphical User Interfaces - Practical Guidelines. Master's thesis, Vienna University of Technology, Austria, 2004. http://www.ifs.tuwien.ac.at/hinum/files/Master_Thesis_Klaus_Hinum.pdf

:[Welie, 2005] Martijn van Welie, Patterns in Interaction Design. Retrieved at Oct. 25, 2005. http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout

:[Gross, 1991] Mark D. Gross, Grids in Design and CAD. University of Colorado at Boulder, 1991. http://depts.washington.edu/dmgftp/publications/pdfs/acadia_91_mdg.pdf

== Footnotes ==

[1] {{Quotation| Wie in der Mathematik handelt es sich bei einem Layoutraster einfach um eine Reihe gleichmäßig verteilter, sich kreuzender Linien, die eine Reihe von logischen, entsprechend konsistenten Feldern bilden. | Shea and Holzman, 2005}}

User:UE-InfoVis0910 0425751

2009-10-27T17:14:05Z

UE-InfoVis0910 0425751:

[[image:Bundesheer.jpg|thumb]]
===Name===
Stix, Harald
===Matrikelnummer===
kA

User:UE-InfoVis0910 0425751

2009-10-19T07:23:15Z

UE-InfoVis0910 0425751:

[[image:Bundesheer.jpg|thumb]]
===Name===
Stix, Harald
===Matrikelnummer===
0425751

Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15

2009-10-19T07:19:45Z

UE-InfoVis0910 0425751:

== Gruppenmitglieder ==
[[User:UE-InfoVis0910_0325190|Martin, Markus]] 
[[User:UE-InfoVis0910_0425751|Stix, Harald]] 
[[User:UE-InfoVis0910_0300665|Lenzhofer, Andreas]] 

== Aufgaben ==
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 0|Aufgabe 0]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 1|Aufgabe 1]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 2|Aufgabe 2]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 3|Aufgabe 3]] 
[[Teaching:TUW - UE InfoVis WS 2009/10 - Gruppe 15 - Aufgabe 4|Aufgabe 4]]

User:UE-InfoVis0910 0425751

2009-10-19T07:18:44Z

UE-InfoVis0910 0425751:

===Name===
Stix, Harald
===Matrikelnummer===
0425751
[[image:Bundesheer.jpg|thumb]]

File:Bundesheer.jpg

2009-10-19T07:13:45Z

UE-InfoVis0910 0425751: New page: == Summary == == Copyright status == == Source ==

== Summary ==

== Copyright status ==

== Source ==

User:UE-InfoVis0910 0425751

2009-10-19T07:12:52Z

UE-InfoVis0910 0425751: New page: Stix, Harald Matrikelnr: 0425751

Stix, Harald
Matrikelnr: 0425751