InfoVis:Wiki - User contributions [en]

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

2010-02-01T13:08:20Z

UE-InfoVis0910 0828727:

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

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

== Purpose of the Visualization ==

Visual representations and interaction techniques take advantage of the human eye’s broad bandwidth pathway into the mind to allow users to see, explore, and understand large amounts of information at once. Information visualization focused on the creation of approaches for conveying abstract information in intuitive ways.[James J. Thomas and Kristin A,2005]

The Family Tree visualization makes it possible for the user to observe the life bar of a person with showing the special events (e.g. birth- and death-date, marriage, divorce, price winning, etc). It is capable to display the generations in a family, the relations between them and the different periods of one's life. It would be more clear when a time axes is added to show when exactly an event did happen.
The visualization should be on one hand as simple as possible, on the other hand as functional and interacted as is needed.

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:BartFamilyTree1.JPG | 800px]]

[[Image:LisaFamilyTree1.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

* The folowing interactions can be retrieved:

- The Simpsons who are related by blood. This interaction will show the blood-related Simpsons in colors and others without colors.

- People who lived more than a specific years of age. They will show up in colors and others without colors.

- People who attended University. The people who attended university would show in colors.

- Query possibilities. By clicking on the "Go to Query" a window will apear and the user can get some queries. One can choose to see who are married, who are divorced, who has a child, who won a price and etc, together with who are related to a specific person.

- Marking coordinate system. This would show the matching bars to a part of the x- or y-axes which is selected. By this interaction one can see the generations seperately, and also can observe what has happened in people's lives in a selected decade.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

==References==

* [James J. Thomas and Kristin A,2005] James J. Thomas and Kristin A. Cook (Ed.) (2005),National Visualization and Analytics Center. Last Modified: Friday, 22-Aug-2008, http://nvac.pnl.gov/agenda.stm

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

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

2010-02-01T12:51:24Z

UE-InfoVis0910 0828727:

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

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

== Purpose of the Visualization ==

Visual representations and interaction techniques take advantage of the human eye’s broad bandwidth pathway into the mind to allow users to see, explore, and understand large amounts of information at once. Information visualization focused on the creation of approaches for conveying abstract information in intuitive ways.[James J. Thomas and Kristin A,2005]

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:BartFamilyTree1.JPG | 800px]]

[[Image:LisaFamilyTree1.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

* The folowing interactions can be retrieved:

- The Simpsons who are related by blood. This interaction will show the blood-related Simpsons in colors and others without colors.

- People who lived more than a specific years of age. They will show up in colors and others without colors.

- People who attended University. The people who attended university would show in colors.

- Query possibilities. By clicking on the "Go to Query" a window will apear and the user can get some queries. One can choose to see who are married, who are divorced, who has a child, who won a price and etc, together with who are related to a specific person.

- Marking coordinate system. This would show the matching bars to a part of the x- or y-axes which is selected. By this interaction one can see the generations seperately, and also can observe what has happened in people's lives in a selected decade.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

==References==

* [James J. Thomas and Kristin A,2005] James J. Thomas and Kristin A. Cook (Ed.) (2005),National Visualization and Analytics Center. Last Modified: Friday, 22-Aug-2008, http://nvac.pnl.gov/agenda.stm

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

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

2010-02-01T12:36:47Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:BartFamilyTree1.JPG | 800px]]

[[Image:LisaFamilyTree1.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

* The folowing interactions can be retrieved:

- The Simpsons who are related by blood. This interaction will show the blood-related Simpsons in colors and others without colors.

- People who lived more than a specific years of age. They will show up in colors and others without colors.

- People who attended University. The people who attended university would show in colors.

- Query possibilities. By clicking on the "Go to Query" a window will apear and the user can get some queries. One can choose to see who are married, who are divorced, who has a child, who won a price and etc, together with who are related to a specific person.

- Marking coordinate system. This would show the matching bars to a part of the x- or y-axes which is selected. By this interaction one can see the generations seperately, and also can observe what has happened in people's lives in a selected decade.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

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

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

2010-02-01T12:09:24Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:BartFamilyTree1.JPG | 800px]]

[[Image:LisaFamilyTree1.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

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

File:BartFamilyTree1.JPG

2010-02-01T12:06:18Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:54:42Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree1.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

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

File:LisaFamilyTree1.JPG

2010-02-01T11:53:49Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:38:08Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3a.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

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

File:Interaction3a.JPG

2010-02-01T11:37:14Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:31:18Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8a.JPG | 800px]]

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

File:Interaction8a.JPG

2010-02-01T11:29:46Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:25:24Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7a.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:Interaction7a.JPG

2010-02-01T11:24:11Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:19:42Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6a.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:Interaction6a.JPG

2010-02-01T11:18:41Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:11:34Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4a.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:Interaction4a.JPG

2010-02-01T11:10:03Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-02-01T11:03:52Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5a.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:Interaction5a.JPG

2010-02-01T11:02:27Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T20:25:42Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

[[Image:LisaFamilyTree.JPG | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:LisaFamilyTree.JPG

2010-01-07T20:22:59Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T18:22:22Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5.JPG | 800px]]

[[Image:Interaction8.JPG | 800px]]

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

File:Interaction8.JPG

2010-01-07T18:19:54Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T17:14:16Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

[[Image:Interaction5.JPG | 800px]]

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

File:Interaction5.JPG

2010-01-07T17:13:00Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T16:59:17Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

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

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

2010-01-07T16:57:57Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

[[Image:Interaction4.JPG | 800px]]
You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

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

File:Interaction4.JPG

2010-01-07T16:56:51Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T16:45:50Z

UE-InfoVis0910 0828727:

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

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

== Solution ==

=== Overview & Comparison on the family trees ===

* The family tree is integrated in a coordinate system, where the x-axes stands for the time line, the y-axes defines the number of the generations.

* Each person is symbolized through a bar. The bar starts with the birthday of this person and ends with its death.

* The colours in the bars are used to symbolize time spans. Events that took place over a longer time period are marked with different colours. Their meaning is given in the description beneath the graph

* Inside each bar the satisfaction of the person is shown with the help of a curve.

* Events that happened at a specific time are represented through various icons. Those icons are directly located on the satisfaction curve, since they influence the satisfaction.
If an event included another person, those are connected through lines (e.g. marriage, children)

* Relation in blood - so the REAL Simpsons - are shown via bold borders of the bars. Everybody else, so the people that married into the family, have a light border.

* For a comparison with other family trees, the trees can be shown next to each other.

[[Image:Aufgabe4_Familytree_BartSimpson.gif | 800px]]

=== Interaction Mockups ===

The interactions that can be used for this type of visualization are:

* Details on demand:
By clicking on the bar of a specific person, a new window appears, that shows the information on this person more detailed. Here the satisfaction can be cleary distinguished into five states (very good - very poor), and the detailed dates and information of each event can be seen.
[[Image:Interaction2.JPG | 800px]]

* Zoom and focus
After clicking on the timeline of a person, the timespans can be viewed in detail. E.g. Clicking on the blue timespan of Bart Simpson will extend this part of his life, while the other parts are shrinking in comparison. Like this, this part of his life can be analysed in detail.
[[Image:Interaction1.JPG | 800px]]

* Filters
Since there is so many different information in this family tree, there has to be the possiblity of filters. Therefore we would integrate a form, where the user can choose that e.g. only married people, that are related to Bart Simpson, are shown. Those people will occur like before, but everybody else is only shown schematically, without any colours, so that the other people seem blurred.

[[Image:Interaction3.JPG | 800px]]

[[Image:Interaction7.JPG | 800px]]

[[Image:Interaction6.JPG | 800px]]

You could also use the coordinate system itself, while marking a part of the x- or y-axes, only the matching persons are shown, while the other are shown without colour.

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

File:Interaction6.JPG

2010-01-07T16:44:58Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T16:31:57Z

UE-InfoVis0910 0828727:

File:Interaction7.JPG

2010-01-07T16:19:46Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T15:48:48Z

UE-InfoVis0910 0828727:

File:Interaction3.JPG

2010-01-07T15:44:56Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2010-01-07T11:33:37Z

UE-InfoVis0910 0828727:

File:Interaction2.JPG

2010-01-07T11:30:47Z

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

== Summary ==

== Copyright status ==

== Source ==

File:Interaction1.JPG

2010-01-07T11:30:19Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2009-12-23T12:52:40Z

UE-InfoVis0910 0828727:

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

=== Critics & Good Points ===
-------------------------------
==== General ====
* Good use of low-saturated colors
* Information is presented in a nice-to-look-at way
* Wrong visualisation type -> you can't extract the actual information out of this pictures

==== Percentage Growth ====
* Gives a good overview.
* Topic should be presented larger and stronger.
* The use of different colors for the individual banks could achieve linking with the other graphics.

[[Image:PercentageGrowth.JPG | 400px]]

==== Residential Mortgages ====
* Reading this graphic is very difficult.
* Layering of the circles is confusing - banks are not related just because they have about the same percentage -> use bar/line charts instead, in order to make the chart more understandable.
* Comments are confusing and need too much space, put the comments near the chart.
* Subtract unnecessary non-data ink.
* Use colors which banks have been merged, same colors like in the "percentage growth" creates the linking effect.
* 2007 and 2009 don't seem very related to each other, maybe this should be combined in one single chart with different color/saturation.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And use the same color for full- and hacured-barrs for each bank in order to observe the ralation between them.
* To highlight the data, use gray color for the other banks which are not as important as these 3 banks, so that the viewer's concentration could focus only on the significant data.

[[Image:ResidentialMortgages.JPG | 500px]]

==== Bank Deposits ====
* Sense of the graphic is hard to get.
* Circles on the right side don't have any relation to the rest of the graphic.
* The use of a bar or pie chart for the amount of money that is partitioned over the 3 banks would help understanding the graphic.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And using the same color for full-and hacured-barrs for each bank in order to observe the ralation between them.

[[Image:Bank_Deposit.JPG | 500px]]

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

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

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

2009-12-23T12:22:20Z

UE-InfoVis0910 0828727:

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

=== Critics & Good Points ===
-------------------------------
==== General ====
* Good use of low-saturated colors
* Information is presented in a nice-to-look-at way
* Wrong visualisation type -> you can't extract the actual information out of this pictures

==== Percentage Growth ====
* Gives a good overview.
* Topic should be presented larger and stronger.
* The use of different colors for the individual banks could achieve linking with the other graphics.

[[Image:PercentageGrowth.JPG | 400px]]

==== Residential Mortgages ====
* Reading this graphic is very difficult.
* Layering of the circles is confusing - banks are not related just because they have about the same percentage -> use bar/line charts instead, in order to make the chart more understandable.
* Comments are confusing and need too much space, put the comments near the chart.
* Subtract unnecessary non-data ink.
* Use colors which banks have been merged, same colors like in the "percentage growth" creates the linking effect.
* 2007 and 2009 don't seem very related to each other, maybe this should be combined in one single chart with different color/saturation.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And use the same color for full- and hacured-barrs for each bank in order to observe the ralation between them.
* To highlight the data, use gray color for the other banks which are not as important as these 3 banks, so that the viewer's concentration could focus only on the significant data.

[[Image:Residential Mortgages.JPG | 500px]]

==== Bank Deposits ====
* Sense of the graphic is hard to get.
* Circles on the right side don't have any relation to the rest of the graphic.
* The use of a bar or pie chart for the amount of money that is partitioned over the 3 banks would help understanding the graphic.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And using the same color for full-and hacured-barrs for each bank in order to observe the ralation between them.

[[Image:Bank_Deposit.JPG | 500px]]

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

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

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

2009-12-23T12:10:27Z

UE-InfoVis0910 0828727:

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

=== Critics & Good Points ===
-------------------------------
==== General ====
* Good use of low-saturated colors
* Information is presented in a nice-to-look-at way
* Wrong visualisation type -> you can't extract the actual information out of this pictures

==== Percentage Growth ====
* Gives a good overview.
* Topic should be presented larger and stronger.
* The use of different colors for the individual banks could achieve linking with the other graphics.

[[Image:PercentageGrowth.JPG | 400px]]

==== Residential Mortgages ====
* Reading this graphic is very difficult.
* Layering of the circles is confusing - banks are not related just because they have about the same percentage -> use bar/line charts instead.
* Comments are confusing and need too much space, put the comments near the chart, and remove the redundant data.
* Use colors which banks have been merged, same colors like in the "percentage growth" creates the linking effect.
* 2007 and 2009 don't seem very related to each other, maybe this should be combined in one single chart with different color/saturation.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And using the same color for full-and hacured-barrs for each bank in order to observe the ralation between them.
* Use gray color for the other banks which are not as important as these 3 banks, so that the viewer's concentration could focus only on the significant data.

[[Image:Residential Mortgages.JPG | 500px]]

==== Bank Deposits ====
* Sense of the graphic is hard to get.
* Circles on the right side don't have any relation to the rest of the graphic.
* The use of a bar or pie chart for the amount of money that is partitioned over the 3 banks would help understanding the graphic.
* Use hachure effect for 2007 bars, as they are not the current value of the banks. And using the same color for full-and hacured-barrs for each bank in order to observe the ralation between them.

[[Image:Bank_Deposit.JPG | 500px]]

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

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

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

2009-12-09T18:02:28Z

UE-InfoVis0910 0828727:

File:Residential Mortgages.JPG

2009-12-09T18:00:40Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2009-12-09T10:54:02Z

UE-InfoVis0910 0828727:

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

2009-12-09T10:42:49Z

UE-InfoVis0910 0828727:

File:ResidentialMortgages.JPG

2009-12-09T10:36:49Z

UE-InfoVis0910 0828727: Top 10 Banks' Percentage of Market Share

== Summary ==
Top 10 Banks' Percentage of Market Share
== Copyright status ==

== Source ==

File:PercentageGrowth.JPG

2009-12-09T10:34:36Z

UE-InfoVis0910 0828727: Percentage Growth of Combined Assets

== Summary ==
Percentage Growth of Combined Assets
== Copyright status ==

== Source ==

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 01 - Aufgabe 1 - Cartogram

2009-11-23T21:28:28Z

UE-InfoVis0910 0828727:

==Inhalt und Struktur==
# Hinzufügen der Überschrift "Definition" zur besseren Übersichtlichkeit und Vereinheitlichung mit anderen Wikipages.
# Ändern von "Definition" zu "More about Cartogram", weil andere "Definition" hinzugefügt ist.
# Ändern die Größe und die Position der Figure1/Figure2/Figure3.
# Hinzufügen den "Further reading" Teil zur Vereinheitlichung mit anderen Wikipages.
# Hinzufügen von "Figure 2" am Ende der Erklärung der Non-Continuous Cartograms. Zur besseren Verständlichkeit.
# Ändern von "picture below" zu "Figure 3" bei der Erklärung der Continuos Cartograms,wegen besserer Auffindbarkeit.
# Hinzufügen von "continuos cartogram" bei der Erklärung der Figure 3, wegen schönerer Ausdruckweise.
# Ändern von "The usage of different shapes for representation of the regions" zu "Dorling Cartograms".
# Hinzufügen die Erklärung der Dorling Cartograms, um mehr Information zu stellen.
# Uploaden und hinzufügen die Figure 4 und die Erklärung der Figure 4. Zur besseren Verständlichkeit.
# Hinzufügen von "Figure 4" bei der Erklärung der Dorling Cartograms.
# Ändern von [Wikipedia, 2008] zu [Wikipedia, 2009] bei der Figure 3 und der Erklärung der Figure 3.

[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 11:30, 3 November 2009 (CET)

==Zitationen==
# Quelle von [Bortis and Demers, 2002] geändert auf [Bortins & Demers, 2002].
# Hinzufügen der "Dr.Keith Clarke ,NCGIA" bei der Bortins & Demers-Quelle, weil Sie Institutionen sind, die mit der Website verbunden sind.
# Quelle von [Wikipedia, 2008] geändert auf [Wikipedia, 2009].

[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 11:12, 3 November 2009 (CET)

== Bearbeitung anhand der Lektoren-Kritik ==

* Absatz More About Cartograms ausgebessert
* “sometimes it is enough to color a map" ergänzt um Graustufen
* “Sometimes it is better to use the same value…” wurde umformuliert
* Im zweiten Absatz gibt es ein paar Rechtschreibfehler und komische Formulierungen. wurden umformuliert
* Continuous Diagram: Überschrift wurde richtig geschrieben
* Dorling Cartograms: “Professor Dorling, for the reason described above in the non-contiguous cartogram section..” … hat er das wirklich? ^^ … Der ganze Satz ist komisch geschrieben. wurde umformuliert
[[User:UE-InfoVis0910 0928170|UE-InfoVis0910 0928170]] 00:23, 17 November 2009 (CET)
* Perimeter-Preserving Diagram: Ein Beispiel Bild wird angefügt.
* Hinzufügen der Erklärung von Demers Cartogram und Graduated Symbol Map.
* Hinzufügen die Quelle von Graduated Symbol Map.
[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 22:24, 23 November 2009 (CET)

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 01 - Aufgabe 1 - Cartogram

2009-11-23T21:21:01Z

UE-InfoVis0910 0828727:

= Cartogram =

==Definition==
{{Quotation|A cartogram is a map in which some thematic mapping variable – such as travel time or Gross National Product – is substituted for land area. The geometry or space of the map is distorted in order to convey the information of this alternate variable.|[Wikipedia, 2009]}}

== More about Cartograms ==
A Cartogram is a small diagram, on the face of a map, showing quantitative information or an abstracted and simplified map the base of which is not true to scale. Simply we can say cartograms are unique representations of geographical space. They use cartographic outlines to represent data which depends on the source of the chosen country('s). [Bortins & Demers, 2002]. 

[[Image:USA2.jpg|right|300px|thumb|Figure 1: a) traditional choropleth thematic map b) Cartogram]]

For example on the left side of Figure 1. you can see a traditional map of the United States and on the right side a Cartogram of USA depending on the population density. To see some statistical data like the population it can be enough to color a map or to use different grayscales, like in Figure 1 on the left. If you want to show something like the size of a state it might be better to use the same value (the size) to show the difference between the values.

The size of a cartogram is depending on the value of the part shown in the picture. For example in Figure 1 the state California is bigger than in the original map because of its high population. On the other side Ohio is drawn smaller on the right cartogram because it has a low population in relation to its area size.

== Types of Cartograms ==
* Non-Continuous Cartograms
In non-continuous cartograms the regions on the map don't have to be connected to their neighbors. In this type of cartogram it is important to see the shape of the original map. User will recognize the map just because of their borders. The regions in the map are displaying the content with their own size. For an example a region with a smaller population will be smaller than a sector with a higher population, Figure 2 [Kocmoud, 1997].

[[Image:noncont.jpg|right|300px|thumb|Figure 2: non-continous cartogram - a) overlapping b) non-overlapping]]

* Continuous Cartograms
Different to the non-continuous cartograms, the important point is that the regions in the map are connected to each other. Accordingly the shape of each region is changing their size [Bortis and Demers, 2002]. Therefore the outline of the hole map changes. For example as we can see in the Figure 3, France is very distorted but still connected to his neighbors. With changing the shape of this country, the outlines of the whole map has changed [Wikipedia, 2009].

[[Image:europe.jpg|right|300px|thumb|Figure 3: continuos cartogram - Cartogram of europe net budget expenditure in euros for the whole period 2007-2013 per capita using continuos cartograms]]

* Perimeter-Preserving Cartograms
A perimeter-preserving cartogram is one in which the map outline is left unaltered
while the map interior is transformed. Algorithms of this type have the capability of
“pinning down” vertices, thereby rendering them immovable. A map of the counties in
Britain is shown in Figure 4.a. The transformation of this map into a perimeter-preserved
cartogram can result in an identifiable country with distorted, unrecognizable regions, as
shown in Figure 4.b. However, each county is still connected to its adjacent neighbors,
upholding continuity despite the drastic changes in shape.
More common are nonperimeter-preserving cartogram algorithms that do not have
the capability to fix vertices. The perimeter is not preserved in Figure 4.c, resulting in a
cartogram where the viewer may recognize the individual counties, but fail to identify the
country [Kocmoud, 1997].

[[Image:CartogramP.JPG|right|300px|thumb|Figure 4: Perimeter-Preserving cartograms - a) Original map b) Cartogram with perimeter preserved c) Cartogram without perimeter preserved]]

* Dorling Cartograms
This type of cartogram was named after its inventor, Danny Dorling of the University of Leeds. A Dorling cartogram maintains neither shape, topology nor object centroids, though it has proven to be a very effective cartogram method. To create a Dorling cartogram, instead of enlarging or shrinking the objects themselves, the cartographer will replace the objects with a uniform shape, usually a circle, of the appropriate size. Professor Dorling suggests that the shapes shouldn't overlap but rather be moved so that the full area of each shape can be seen. Another Dorling-like cartogram is the Demers Cartogram, which is different in two ways. It uses squares rather than circles; this leaves fewer gaps between the shapes. Secondly, the Dorling Cartogram attempts to move the figures the shortest distance away from their true locations; the Demers cartogram often sacrifices distance to maintain contiguity between figures, and it will also sacrifice distance to maintain certain visual cues. See Figure 5 [Bortins & Demers, 2002]. The positive effect of this is, that there are no free spaces between the shapes [Florisson et al., 2005]. The other map that is shown in the figure 5 is Graduated Symbol map, which uses symbols of varying size, rather than color, placed within a region to denote the value ascribed to it [McManus, 2005].

[[Image:Dorling3.jpg|right|300px|thumb|Figure 5: Dorling cartogram - a) Graduated Symbol Map b) Demers cartogram c) Dorling cartogram]]

==Further reading==

* Campbell, John. Map Use and Analysis. New York: McGraw-Hill, 2001.
* Gillard, Quentin. "Places in the News: The Use of Cartograms in Introductory Geography Courses." Journal of Geography. 78 (1979): 114-115.
* Tobler, Waldo. "Thirty-Five Years of Computer Cartograms." Annals of the Association of American Geographers. 94 (2004): 58-73.
* Vescovo, Victor. "The Atlas of World Statistics." Dallas: Caladan Press, 2005.

==References==

* [Bortins & Demers, 2002] Ian Bortins and Steve Demers under the direction of Dr.Keith Clarke ,NCGIA,Cartogram Types. Last edited at: July 31, 2002. http://www.ncgia.ucsb.edu/projects/Cartogram_Central/types.html
* [Kocmoud, 1997] Christopher James Kocmoud, Constructing Continuous Cartograms: A Constraint-Based Approach. Created at: December, 1997. http://www-viz.tamu.edu/faculty/house/cartograms/Thesis.html .
*[Florisson et al., 2005] Sander Florisson, Marc van Kreveld, and Bettina Speckmann. Rectangular Cartograms : Construction & Animation. 'Annual Symposium on Computational Geometry'.372–373, 2005.
* [Wikipedia, 2009] Wikipedia, Retrieved at Nov 2, 2009. http://en.wikipedia.org/wiki/Cartogram .
* [McManus, 2005] Brian MaManus, Thematic Maping, GIS Resource Document 05-70, Created at: April, 2005. http://www.pop.psu.edu/gia-core/pdfs/gis_rd_05-70.pdf

Teaching talk:TUW - UE InfoVis WS 2008/09 - Gruppe 01 - Aufgabe 1 - Cartogram

2009-11-20T23:26:46Z

UE-InfoVis0910 0828727:

==Inhalt und Struktur==
# Hinzufügen der Überschrift "Definition" zur besseren Übersichtlichkeit und Vereinheitlichung mit anderen Wikipages.
# Ändern von "Definition" zu "More about Cartogram", weil andere "Definition" hinzugefügt ist.
# Ändern die Größe und die Position der Figure1/Figure2/Figure3.
# Hinzufügen den "Further reading" Teil zur Vereinheitlichung mit anderen Wikipages.
# Hinzufügen von "Figure 2" am Ende der Erklärung der Non-Continuous Cartograms. Zur besseren Verständlichkeit.
# Ändern von "picture below" zu "Figure 3" bei der Erklärung der Continuos Cartograms,wegen besserer Auffindbarkeit.
# Hinzufügen von "continuos cartogram" bei der Erklärung der Figure 3, wegen schönerer Ausdruckweise.
# Ändern von "The usage of different shapes for representation of the regions" zu "Dorling Cartograms".
# Hinzufügen die Erklärung der Dorling Cartograms, um mehr Information zu stellen.
# Uploaden und hinzufügen die Figure 4 und die Erklärung der Figure 4. Zur besseren Verständlichkeit.
# Hinzufügen von "Figure 4" bei der Erklärung der Dorling Cartograms.
# Ändern von [Wikipedia, 2008] zu [Wikipedia, 2009] bei der Figure 3 und der Erklärung der Figure 3.

[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 11:30, 3 November 2009 (CET)

==Zitationen==
# Quelle von [Bortis and Demers, 2002] geändert auf [Bortins & Demers, 2002].
# Hinzufügen der "Dr.Keith Clarke ,NCGIA" bei der Bortins & Demers-Quelle, weil Sie Institutionen sind, die mit der Website verbunden sind.
# Quelle von [Wikipedia, 2008] geändert auf [Wikipedia, 2009].

[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 11:12, 3 November 2009 (CET)

== Bearbeitung anhand der Lektoren-Kritik ==

* Absatz More About Cartograms ausgebessert
* “sometimes it is enough to color a map" ergänzt um Graustufen
* “Sometimes it is better to use the same value…” wurde umformuliert
* Im zweiten Absatz gibt es ein paar Rechtschreibfehler und komische Formulierungen. wurden umformuliert
* Continuous Diagram: Überschrift wurde richtig geschrieben
* Dorling Cartograms: “Professor Dorling, for the reason described above in the non-contiguous cartogram section..” … hat er das wirklich? ^^ … Der ganze Satz ist komisch geschrieben. wurde umformuliert
[[User:UE-InfoVis0910 0928170|UE-InfoVis0910 0928170]] 00:23, 17 November 2009 (CET)

== was noch fehlt: ==
* Perimeter-Preserving Diagram: Ein Beispiel Bild wird angefügt.
* Figure 5: Hier sind Cartogram-Arten aufgelistet, die nicht im Text beschrieben wurden --> Arten beschreiben
[[User:UE-InfoVis0910 0828727|UE-InfoVis0910 0828727]] 00:24, 21 November 2009 (CET)

Teaching:TUW - UE InfoVis WS 2008/09 - Gruppe 01 - Aufgabe 1 - Cartogram

2009-11-20T23:18:29Z

UE-InfoVis0910 0828727:

= Cartogram =

==Definition==
{{Quotation|A cartogram is a map in which some thematic mapping variable – such as travel time or Gross National Product – is substituted for land area. The geometry or space of the map is distorted in order to convey the information of this alternate variable.|[Wikipedia, 2009]}}

== More about Cartograms ==
A Cartogram is a small diagram, on the face of a map, showing quantitative information or an abstracted and simplified map the base of which is not true to scale. Simply we can say cartograms are unique representations of geographical space. They use cartographic outlines to represent data which depends on the source of the chosen country('s). [Bortins & Demers, 2002]. 

[[Image:USA2.jpg|right|300px|thumb|Figure 1: a) traditional choropleth thematic map b) Cartogram]]

For example on the left side of Figure 1. you can see a traditional map of the United States and on the right side a Cartogram of USA depending on the population density. To see some statistical data like the population it can be enough to color a map or to use different grayscales, like in Figure 1 on the left. If you want to show something like the size of a state it might be better to use the same value (the size) to show the difference between the values.

The size of a cartogram is depending on the value of the part shown in the picture. For example in Figure 1 the state California is bigger than in the original map because of its high population. On the other side Ohio is drawn smaller on the right cartogram because it has a low population in relation to its area size.

== Types of Cartograms ==
* Non-Continuous Cartograms
In non-continuous cartograms the regions on the map don't have to be connected to their neighbors. In this type of cartogram it is important to see the shape of the original map. User will recognize the map just because of their borders. The regions in the map are displaying the content with their own size. For an example a region with a smaller population will be smaller than a sector with a higher population, Figure 2 [Kocmoud, 1997].

[[Image:noncont.jpg|right|300px|thumb|Figure 2: non-continous cartogram - a) overlapping b) non-overlapping]]

* Continuous Cartograms
Different to the non-continuous cartograms, the important point is that the regions in the map are connected to each other. Accordingly the shape of each region is changing their size [Bortis and Demers, 2002]. Therefore the outline of the hole map changes. For example as we can see in the Figure 3, France is very distorted but still connected to his neighbors. With changing the shape of this country, the outlines of the whole map has changed [Wikipedia, 2009].

[[Image:europe.jpg|right|300px|thumb|Figure 3: continuos cartogram - Cartogram of europe net budget expenditure in euros for the whole period 2007-2013 per capita using continuos cartograms]]

* Perimeter-Preserving Cartograms
A perimeter-preserving cartogram is one in which the map outline is left unaltered
while the map interior is transformed. Algorithms of this type have the capability of
“pinning down” vertices, thereby rendering them immovable. A map of the counties in
Britain is shown in Figure 4.a. The transformation of this map into a perimeter-preserved
cartogram can result in an identifiable country with distorted, unrecognizable regions, as
shown in Figure 4.b. However, each county is still connected to its adjacent neighbors,
upholding continuity despite the drastic changes in shape.
More common are nonperimeter-preserving cartogram algorithms that do not have
the capability to fix vertices. The perimeter is not preserved in Figure 4.c, resulting in a
cartogram where the viewer may recognize the individual counties, but fail to identify the
country [Kocmoud, 1997].

[[Image:CartogramP.JPG|right|300px|thumb|Figure 4: Perimeter-Preserving cartograms - a) Original map b) Cartogram with perimeter preserved c) Cartogram without perimeter preserved]]

* Dorling Cartograms
This type of cartogram was named after its inventor, Danny Dorling of the University of Leeds. A Dorling cartogram maintains neither shape, topology nor object centroids, though it has proven to be a very effective cartogram method. To create a Dorling cartogram, instead of enlarging or shrinking the objects themselves, the cartographer will replace the objects with a uniform shape, usually a circle, of the appropriate size. Professor Dorling suggests that the shapes shouldn't overlap but rather be moved so that the full area of each shape can be seen, like in Figure 5 [Bortins & Demers, 2002]. With this kind of shape it is easier to see the difference between the regions. The same strategy is used by Demers which uses squares instead of circles. The positive effect of this is, that there are no free spaces between them [Florisson et al., 2005].

[[Image:Dorling3.jpg|right|300px|thumb|Figure 5: Dorling cartogram - a) Graduated Symbol Map b) Demers cartogram c) Dorling cartogram]]

==Further reading==

* Campbell, John. Map Use and Analysis. New York: McGraw-Hill, 2001.
* Gillard, Quentin. "Places in the News: The Use of Cartograms in Introductory Geography Courses." Journal of Geography. 78 (1979): 114-115.
* Tobler, Waldo. "Thirty-Five Years of Computer Cartograms." Annals of the Association of American Geographers. 94 (2004): 58-73.
* Vescovo, Victor. "The Atlas of World Statistics." Dallas: Caladan Press, 2005.

==References==

* [Bortins & Demers, 2002] Ian Bortins and Steve Demers under the direction of Dr.Keith Clarke ,NCGIA,Cartogram Types. Last edited at: July 31, 2002. http://www.ncgia.ucsb.edu/projects/Cartogram_Central/types.html
* [Kocmoud, 1997] Christopher James Kocmoud, Constructing Continuous Cartograms:
A Constraint-Based Approach. Created at: December, 1997. http://www-viz.tamu.edu/faculty/house/cartograms/Thesis.html .
*[Florisson et al., 2005] Sander Florisson, Marc van Kreveld, and Bettina Speckmann. Rectangular Cartograms : Construction & Animation. 'Annual Symposium on Computational Geometry'.372–373, 2005.
* [Wikipedia, 2009] Wikipedia, Retrieved at Nov 2, 2009. http://en.wikipedia.org/wiki/Cartogram .