InfoVis:Wiki - User contributions [en]

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

2010-01-07T17:22:37Z

UE-InfoVis0910 0405144:

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

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

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

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

== part a ==

=== 1. used application area and datas===

==== application analysis ====
* The used family tree analysis helps to visualise Bart and Lisa Simpsons´ pedigree until the fourth generation including detailed information like the date of birth, relations inbetween each others, etc. according to each certain person. Supportingly color represents the satisfaction of each family member. The final tree should allow to compare single sections with each others.
* On the first sight you get a general overview of the family tree. Selecting one name you see the name colored and get all available information of the selected person on the right of the table.
** Bold lines --> seperate different generation
** Thin lines --> connect directly related family members. Horiuontally it represents a relation of two, vertically a parent-child relationship by blood.
Moving over a name you get closer information in a separated box such as bmood, sex, birthdate and age.
** Gender --> Sex is displayed on the top left corner by the international symbols for men and women
** Mood --> in the top right corner. There are 5 different moods available
Besides single clicks you get more information by a double click on the double click on the empty stace, a timeline to kind of sort the happenings,etc. (Coser ininformation below in part b)

==== data analysis ====
* Data types:
** Family tree itself --> hierarchical structure
** Names --> nominal values
** Gender --> nominal
** Date of birth --> ordinal vaues
** Date of death --> ordinal values
** Important events --> temporal value
** Mood --> discrete ordinal datas

=== 2. analysis of the target group ===
* In general this type of visualization of the family tree mainly adresses future family members of psychoterapists.
* The information you gain concerns information in general that is very superficial and unpersonal, whereas the color underlined envelopment of satisfaction gives a very personal view of the family member. For this reason it will just be related persons or professions with an interest of the psychical side of a person and their past.
* Different ways of visualization:
** The most current and best known way of the visualization of relations between families is the form of a directed graph (gerichteter Graph), whereby generations are ranked by the age from down to up with the eldest family member on the bottom of the graph.
** The pedigree (Stammtafel) puts a person on the top of it to form the basis for the following members. The information is limited to the surnames and their marriage partners. The pedigree becomes confusing and unclear in the moment the family grows.
** Another display format of a listed pedigree (Stammliste/ Nachfahrenliste) which includes just family members with the same surname.

=== 3. aim of visualization ===
* The aim of visualization is the creation of a clear, fast reproducible graphic to recognize relations between family members easy and clear. The additional information you get out of the visualization depends on the type of graph you chose.
* Unclear relations between family members may be recognized fast. i.e. adpoted children or stepparents.
* Different relationships that are possible between the members of a family should be shown in a graphic.

== Concept ==
Our program has multiple views which can be used to present the data needed for a certain purpose, because not all data available is needed all the time.

Our first view is a classical hierarchical presentation of the family tree.

This view is used to get a brief overview of the family tree, how big it is, who is related by blood and who is not.

On the right side of the screen is an information area which presents all available information for the current selected person. The data displayed can be configured.
The current selected person is colored, e.g. in light blue.

The screen is devided by horizontal lines, each section is presenting a new generation.

Connected horizontal names represent a relationship of the two.
Conntected vertical names represent the parent - child relationship, which also represents a relation by blood.

When moving over a name with the mouse a new, small, window is displayed, which contains some detailed informations of the specific person.
Details like mood, sex, birthdate, deathdate and age are displayed.

Sex is displayed in the top left corner.
The international symbols for man and woman are used.

The mood is displayed in the top right corner.

There are 5 different moods available.
* Very high - displayed with a happy smiley and the color green
* High - displayed with a happy smiley and the color light green
* Medium - displayed with a neutral smiley and the color yellow
* Low - displayed with a sad smiley and the color orange
* Very low - displayed with a sad smiley and the color red

In this view its possible to arrange 2 or more persons with their family trees.
It is, for example, possible to arrange the family trees of Bard and Lisa side by side
to compare the two family trees.

[[Image:Stammbaum01.png]]

For more detailed comparisons its possible to compare different Persons or a whole generation
whith just a single click.

To get to the next screenshot simply double click on an empty space in the first generation of the family tree.

In the detailed comparison of a generation, e.g. the first generation of the family tree, we have a kind of timeline.
From left to right is a timeline, which is used to "sort" the happenings according to their appearance.
From top to bottom are all family members from the first generation.

In the comparison we have a "container" which contains a short information of the happening, e.g. Grammar School.

The start and the end of the timeline depends on the data available. If the data is available its also possible to compare the whole life of the selected generation / persons.
The start of each container represents the date when it happened and the length represents the duration of the happening.
Happenings that have a too short duration to have a container get a dot.

The timeline can be scalled to be more detailed or to just get an overview over a whole life.
According to the granularity of the timeline, the containers are adjusted automatically to fit the actual timeline.

To get detailed information of a specific happening you just have to move the mouse over the container and a new window with detailed informations is displayed.
To get all informations available for a specific happening, you can just double click on a container and a new window is opened with all informations, background informations, links (if possible),...

To represent the mood in the timeline, there is a special colored line which represents the mood at a specific point in time.

[[Image:Stammbaum02.png]]

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

2010-01-07T17:21:51Z

UE-InfoVis0910 0405144:

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

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

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

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

== part a ==

=== 1. used application area and datas===

==== application analysis ====
* The used family tree analysis helps to visualise Bart and Lisa Simpsons´ pedigree until the fourth generation including detailed information like the date of birth, relations inbetween each others, etc. according to each certain person. Supportingly color represents the satisfaction of each family member. The final tree should allow to compare single sections with each others.
* On the first sight you get a general overview of the family tree. Selecting one name you see the name colored and get all available information of the selected person on the right of the table.
** Bold lines --> seperate different generation
** Thin lines --> connect directly related family members. Horiuontally it represents a relation of two, vertically a parent-child relationship by blood.
Moving over a name you get closer information in a separated box such as bmood, sex, birthdate and age.
Gender --> Sex is displayed on the top left corner by the international symbols for men and women
** Mood --> in the top right corner. There are 5 different moods available
Besides single clicks you get more information by a double click on the double click on the empty stace, a timeline to kind of sort the happenings,etc. (Coser ininformation below in part b)

==== data analysis ====
* Data types:
** Family tree itself --> hierarchical structure
** Names --> nominal values
** Gender --> nominal
** Date of birth --> ordinal vaues
** Date of death --> ordinal values
** Important events --> temporal value
** Mood --> discrete ordinal datas

=== 2. analysis of the target group ===
* In general this type of visualization of the family tree mainly adresses future family members of psychoterapists.
* The information you gain concerns information in general that is very superficial and unpersonal, whereas the color underlined envelopment of satisfaction gives a very personal view of the family member. For this reason it will just be related persons or professions with an interest of the psychical side of a person and their past.
* Different ways of visualization:
** The most current and best known way of the visualization of relations between families is the form of a directed graph (gerichteter Graph), whereby generations are ranked by the age from down to up with the eldest family member on the bottom of the graph.
** The pedigree (Stammtafel) puts a person on the top of it to form the basis for the following members. The information is limited to the surnames and their marriage partners. The pedigree becomes confusing and unclear in the moment the family grows.
** Another display format of a listed pedigree (Stammliste/ Nachfahrenliste) which includes just family members with the same surname.

=== 3. aim of visualization ===
* The aim of visualization is the creation of a clear, fast reproducible graphic to recognize relations between family members easy and clear. The additional information you get out of the visualization depends on the type of graph you chose.
* Unclear relations between family members may be recognized fast. i.e. adpoted children or stepparents.
* Different relationships that are possible between the members of a family should be shown in a graphic.

== Concept ==
Our program has multiple views which can be used to present the data needed for a certain purpose, because not all data available is needed all the time.

Our first view is a classical hierarchical presentation of the family tree.

This view is used to get a brief overview of the family tree, how big it is, who is related by blood and who is not.

On the right side of the screen is an information area which presents all available information for the current selected person. The data displayed can be configured.
The current selected person is colored, e.g. in light blue.

The screen is devided by horizontal lines, each section is presenting a new generation.

Connected horizontal names represent a relationship of the two.
Conntected vertical names represent the parent - child relationship, which also represents a relation by blood.

When moving over a name with the mouse a new, small, window is displayed, which contains some detailed informations of the specific person.
Details like mood, sex, birthdate, deathdate and age are displayed.

Sex is displayed in the top left corner.
The international symbols for man and woman are used.

The mood is displayed in the top right corner.

There are 5 different moods available.
* Very high - displayed with a happy smiley and the color green
* High - displayed with a happy smiley and the color light green
* Medium - displayed with a neutral smiley and the color yellow
* Low - displayed with a sad smiley and the color orange
* Very low - displayed with a sad smiley and the color red

In this view its possible to arrange 2 or more persons with their family trees.
It is, for example, possible to arrange the family trees of Bard and Lisa side by side
to compare the two family trees.

[[Image:Stammbaum01.png]]

For more detailed comparisons its possible to compare different Persons or a whole generation
whith just a single click.

To get to the next screenshot simply double click on an empty space in the first generation of the family tree.

In the detailed comparison of a generation, e.g. the first generation of the family tree, we have a kind of timeline.
From left to right is a timeline, which is used to "sort" the happenings according to their appearance.
From top to bottom are all family members from the first generation.

In the comparison we have a "container" which contains a short information of the happening, e.g. Grammar School.

The start and the end of the timeline depends on the data available. If the data is available its also possible to compare the whole life of the selected generation / persons.
The start of each container represents the date when it happened and the length represents the duration of the happening.
Happenings that have a too short duration to have a container get a dot.

The timeline can be scalled to be more detailed or to just get an overview over a whole life.
According to the granularity of the timeline, the containers are adjusted automatically to fit the actual timeline.

To get detailed information of a specific happening you just have to move the mouse over the container and a new window with detailed informations is displayed.
To get all informations available for a specific happening, you can just double click on a container and a new window is opened with all informations, background informations, links (if possible),...

To represent the mood in the timeline, there is a special colored line which represents the mood at a specific point in time.

[[Image:Stammbaum02.png]]

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

2010-01-07T17:20:29Z

UE-InfoVis0910 0405144:

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

2010-01-07T17:15:28Z

UE-InfoVis0910 0405144:

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

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

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

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

== part a ==

=== 1. used application area and datas===

==== application analysis ====
* The used family tree analysis helps to visualise Bart and Lisa Simpsons´ pedigree until the fourth generation including detailed information like the date of birth, relations inbetween each others, etc. according to each certain person. Supportingly color represents the satisfaction of each family member. The final tree should allow to compare single sections with each others.
* On the first sight you get a general overview of the family tree. Selecting one name you see the name colored and get all available information of the selected person on the right of the table.
** Bold lines --> seperate different generation
** Thin lines --> connect directly related family members. Horiuontally it represents a relation of two, vertically a parent-child relationship by blood.
Moving over a name you get closer information in a separated box such as bmood, sex, birthdate and age.
** Gender --> Sex is displayed on the top left corner by the international symbols for men and women
** Mood --> in the top right corner. There are 5 different moods available
Besides single clicks you get more information by a double click on the double click on the empty stace, a timeline to kind of sort the happenings,etc. (Coser ininformation below in part b)

==== data analysis ====
* Data types:
** Family tree itself --> hierarchical structure
** Names --> nominal values
** Gender --> nominal
** Date of birth --> ordinal vaues
** Date of death --> ordinal values
** Important events --> temporal value
** Mood --> discrete ordinal datas

* bla

=== 2. analysis of the target group ===
* In general this type of visualization of the family tree mainly adresses future family members of psychoterapists.
* The information you gain concerns information in general that is very superficial and unpersonal, whereas the color underlined envelopment of satisfaction gives a very personal view of the family member. For this reason it will just be related persons or professions with an interest of the psychical side of a person and their past.
* Different ways of visualization:
** The most current and best known way of the visualization of relations between families is the form of a directed graph (gerichteter Graph), whereby generations are ranked by the age from down to up with the eldest family member on the bottom of the graph.
** The pedigree (Stammtafel) puts a person on the top of it to form the basis for the following members. The information is limited to the surnames and their marriage partners. The pedigree becomes confusing and unclear in the moment the family grows.
** Another display format of a listed pedigree (Stammliste/ Nachfahrenliste) which includes just family members with the same surname.

=== 3. aim of visualization ===
* The aim of visualization is the creation of a clear, fast reproducible graphic to recognize relations between family members easy and clear. The additional information you get out of the visualization depends on the type of graph you chose.
* Unclear relations between family members may be recognized fast. i.e. adpoted children or stepparents.
* Different relationships that are possible between the members of a family should be shown in a graphic.

== Concept ==
Our program has multiple views which can be used to present the data needed for a certain purpose, because not all data available is needed all the time.

Our first view is a classical hierarchical presentation of the family tree.

This view is used to get a brief overview of the family tree, how big it is, who is related by blood and who is not.

On the right side of the screen is an information area which presents all available information for the current selected person. The data displayed can be configured.
The current selected person is colored, e.g. in light blue.

The screen is devided by horizontal lines, each section is presenting a new generation.

Connected horizontal names represent a relationship of the two.
Conntected vertical names represent the parent - child relationship, which also represents a relation by blood.

When moving over a name with the mouse a new, small, window is displayed, which contains some detailed informations of the specific person.
Details like mood, sex, birthdate, deathdate and age are displayed.

Sex is displayed in the top left corner.
The international symbols for man and woman are used.

The mood is displayed in the top right corner.

There are 5 different moods available.
* Very high - displayed with a happy smiley and the color green
* High - displayed with a happy smiley and the color light green
* Medium - displayed with a neutral smiley and the color yellow
* Low - displayed with a sad smiley and the color orange
* Very low - displayed with a sad smiley and the color red

In this view its possible to arrange 2 or more persons with their family trees.
It is, for example, possible to arrange the family trees of Bard and Lisa side by side
to compare the two family trees.

[[Image:Stammbaum01.png]]

For more detailed comparisons its possible to compare different Persons or a whole generation
whith just a single click.

To get to the next screenshot simply double click on an empty space in the first generation of the family tree.

In the detailed comparison of a generation, e.g. the first generation of the family tree, we have a kind of timeline.
From left to right is a timeline, which is used to "sort" the happenings according to their appearance.
From top to bottom are all family members from the first generation.

In the comparison we have a "container" which contains a short information of the happening, e.g. Grammar School.

The start and the end of the timeline depends on the data available. If the data is available its also possible to compare the whole life of the selected generation / persons.
The start of each container represents the date when it happened and the length represents the duration of the happening.
Happenings that have a too short duration to have a container get a dot.

The timeline can be scalled to be more detailed or to just get an overview over a whole life.
According to the granularity of the timeline, the containers are adjusted automatically to fit the actual timeline.

To get detailed information of a specific happening you just have to move the mouse over the container and a new window with detailed informations is displayed.
To get all informations available for a specific happening, you can just double click on a container and a new window is opened with all informations, background informations, links (if possible),...

To represent the mood in the timeline, there is a special colored line which represents the mood at a specific point in time.

[[Image:Stammbaum02.png]]

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

2010-01-06T17:58:11Z

UE-InfoVis0910 0405144:

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

2010-01-06T17:33:45Z

UE-InfoVis0910 0405144:

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

2010-01-06T17:18:34Z

UE-InfoVis0910 0405144:

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

2010-01-06T17:02:23Z

UE-InfoVis0910 0405144:

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

2009-12-04T13:12:38Z

UE-InfoVis0910 0405144:

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

== Ausarbeitung ==

=== Criticism ===

==== Steven Few, Show me the numbers: ====
* Some of the circles cover the map behind which are supposed to convey important information. Thus decreasing or putting next to the map with a line connected to the country it is concerned to.
* The shape of a circle covers way too much unformation. The usage of a bar would give the same information without blocking that much.
* The real message/data is not supported in the Graph, which is against the task of visualizing quantitative information.
* It is not clear, which data has priority. TOE/capita? The sources of energy?
* There is no direction for order in which data should be read.
* The information-scale on the left can´t be taken as a referenc, because it is too far away from the circles.To decode the size of the circles it takes several steps: first compare the size with the scale, which is hard to tell, when the circles have no extreme. Secondly you have to look for an explanation for the shortcut "TOE". It is put somewhere under a title insted of underneath or put in parenthesis next to the TOE.
* The many colors are not necessary. It is better to work with forms and sizes.
We are more sensitive to the vertical and horizontal alignment than we might imagine. Therefor ew should use it to give more weight to the real content of the graphic.
* The unstrustured ordering of the circled makes it difficult to separately scan the major content.

==== Steven Few, Elegance Through Simplicity: ====
* There is too much unnecessary ink used for the graphic, because the important values need less place in contrary to the borders aroung them. The greater the ratio of the ink that you use to communicate the data to the total amount of ink in the table or graph, the better you´ve highlighted the data.

=== Corrections ===
* The graph is reorganized by dividing the graph in three parts:
** TOE/capita plot in bars
** Types of energy by colors. Besides is the color scale - not round.
** Some explaning lines are added.
* The essential message of the graph and additional information is clarified.
** Main message: Most of the sources of energy is based on Fossil Fuel.
** Additional Message: Does the size of the country has a bigger effect on the used energy or does it more depend on the richness there or the mental relation to energy.
* The TOE/capita acale on the left side of the bars helps to read the scale. It does not go until infinity, but until the highest information we have. There is no need for an y-axis.
** Additionally the bars are ordered by their size. That way it is easier to compare and to read the content.
* Objects positioned on the right are less seen that objects positioned on the top. Therefor we put the titles underneath each other to introduce the graph.

**

=== References ===
* Stephen Few, Show Me the Numbers: Designing Tables and Graphs to Enlighten, Analytics Press, 2004, Chapter 7 - General Design for Communication.
* Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct 16, 2004.

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

2009-11-20T14:10:42Z

UE-InfoVis0910 0405144:

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

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

== Ausarbeitung ==

=== Improved Table ===

[[Image:Tabelle5.jpg]]

=== Criticism ===
* The column "Rank" is used too often. Multiple "Rank" columns would be necessary if the table spreads over more pages, but this is not the case.
* It is not obvious what "t" and "alpha" means.
**Same with the title "All Ss", as long as there is no column called "S". The reader can just guess what "S" means.
* Rankings should always be sorted, so that the reader needs less time to read the table.
* The allignment of the columns could be better arranged.
* Headers should usualy not be much longer than the longest entry in their column.
** Missing headers are very bad, so hardly none can imagine what the content means. If the first column doesn´t use any header, the font-style should be at least different to the rest, i.e. just big letters.
** By the way you can argue about the title of the first column, but no title of the second one. You can summarize the two columns, if you chose a title that includes the information that the lines are ordered by a rank.
* Abbreviations should not be used. They cant be understood by someone who is not familiar with the table's content.
* The grid is not necessary. A wisely chosen white-space would be enough.
* Numbers should have the same format, so its easier for the reader.
* Calculations within the table should always be displayed next to the column which is used for calculation.
** The use of a separated space for explanations could also be used for definitions, what HN, t,... means.

=== Explanation of Improvements ===
* Our opinion is, that the table displays the Top 9 of something. So we sorted the table accordingly to their ranking.
* We put the Ranking in the first column, because its better for the reader, so he can quickly see how the ranking is and its not that irritating when reading the table.
* We alligned the columns correctly.
** Numbers should be alligned to the right, because thats easier to read
** Ranking should also be alligned to the right, because the only thing that should be center alligned are values which always have the same size (e.g. "Y", "N").
* All numbers have now the same format. (-xx,yy)
* The usage of alpha is not obvious to an average reader.
**It would be readable for a whider spread if you used % instead --> by the way a nicer format
**Instead of footnotes you could define alpha in the seperated space
* The column "t=" is the only number column which is alligned to the left, because the "*" at the end varies and so its easier for the reader.
* The calculation of the difference between Hard and Soft News is now next to the columns Hard News and Soft News. That way it´s easier to see a connection between them.
** Instead of M1 and M2 we useIt is easier to find a connection if you use HN and SN for Hard and Soft Use instead of new letters (M1, M2). The column "M1-M2" should be better named "difference (HN-SN)". This way you also see how it is calculated.
* We removed the grid, because its not needed. Instead of it we made a light grey line underneath the headers.
* For the readability we sepparated the columns and rows through white-spaces.

File:Tabelle5.jpg

2009-11-20T14:10:06Z

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

== Summary ==

== Copyright status ==

== Source ==

File:Tabelle2.jpg

2009-11-19T17:34:56Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2009-11-19T17:28:58Z

UE-InfoVis0910 0405144:

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

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

== Ausarbeitung ==

=== Criticism ===
* The column "Rank" is used too often. Multiple "Rank" columns would be necessary if the table spreads over more pages, but this is not the case.
* It is not obvious what "t" and "alpha" means.
**Same with the title "All Ss", as long as there is no column called "S". The reader can just guess what "S" means.
* Rankings should always be sorted, so that the reader needs less time to read the table.
* The allignment of the columns could be better arranged.
* Headers should usualy not be much longer than the longest entry in their column.
** Missing headers are very bad, so hardly noone can imagine what the content means. If the first column doesn´t use any header, the font-style should be at least different to the rest, i.e. just big letters.
** By the way you can argue about the title of the first column, but no title of the second one. You can summarize the two columns, if you chose a title that includes the information that the lines are ordered by a rank.
* Abbreviations should not be used. They cant be understood by someone who is not familiar with the table's content.
* The grid is not necessary. A wisely chosen white-space would be enough.
* Numbers should have the same format, so its easier for the reader.
* Calculations within the table should always be displayed next to the column which is used for calculation.
** The use of a separated space for explanations could also be used for definitions, what HN, t,... means.

=== Improved Table ===

[[Image:Tabelle.jpg]]

=== Explanation of Improvements ===
* Our opinion is, that the table displays the Top 9 of something. So we sorted the table accordingly to their ranking.
* We put the Ranking in the first column, because its better for the reader, so he can quickly see how the ranking is and its not that irritating when reading the table.
* We alligned the columns correctly.
** Numbers should be alligned to the right, because thats easier to read
** Ranking should also be alligned to the right, because the only thing that should be center alligned are values which always have the same size (e.g. "Y", "N").
* All numbers have now the same format. (-xx,yy)
* The usage of alpha is not obvious to an average reader.
**It would be readable for a whider spread if you used % instead --> by the way a nicer format
**Instead of footnotes you could define alpha in the seperated space
* The column "t=" is the only number column which is alligned to the left, because the "*" at the end varies and so its easier for the reader.
* The calculation of the difference between Hard and Soft News is now next to the columns Hard News and Soft News. That way it´s easier to see a connection between them.
** Instead of M1 and M2 we useIt is easier to find a connection if you use HN and SN for Hard and Soft Use instead of new letters (M1, M2). The column "M1-M2" should be better named "difference (HN-SN)". This way you also see how it is calculated.
* We removed the grid, because its not needed. Instead of it we made a light grey line underneath the headers.
* For the readability we sepparated the columns and rows through white-spaces.

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

2009-11-19T16:58:37Z

UE-InfoVis0910 0405144:

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

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

== Ausarbeitung ==

=== Criticism ===
* The column "Rank" is used too often. Multiple "Rank" columns would be necessary if the table spreads over more pages, but this is not the case.
* Rankings should always be sorted, so that the reader needs less time to read the table.
* The allignment of the columns could be better arranged.
* Missing headers are very bad, so hardly noone can imagine what the content means. If the first column doesn´t use any heady, the font-style should be at least different to the rest, i.e. just big letters.
* Abbreviations should not be used. They cant be understood by someone who is not familiar with the table's content.
* The grid is not necessary. A wisely chosen white-space would be enough.
* Numbers should have the same format, so its easier for the reader.
* Headers should usualy not be much longer than the longest entry in their column.
* Calculations within the table should always be displayed next to the column which is used for calculation.

=== Improved Table ===

[[Image:Tabelle.jpg]]

=== Explanation of Improvements ===
* Our opinion is, that the table displays the Top 9 of something. So we sorted the table accordingly to their ranking.
* We put the Ranking in the first column, because its better for the reader, so he can quickly see how the ranking is and its not that irritating when reading the table.
* We alligned the columns correctly.
** Numbers should be alligned to the right, because thats easier to read
** Ranking should also be alligned to the right, because the only thing that should be center alligned are values which always have the same size (e.g. "Y", "N").
* All numbers have now the same format. (-xx,yy)
* The usage of alpha is not obvious. You need to know about statistics to be able to reed it. It would be readable for a whider spread if you used %
* The column "t=" is the only number column which is alligned to the left, because the "*" at the end vary and so its easier for the reader.
* The calculation of M1-M2 is now next to the columns M1 and M2 so its easier for the reader.
* It is easier to find a connection if you use HN and SN for Hard and Soft Use instead of new letters (M1, M2). The column "M1-M2" should be better named "difference (HN-SN)". This way you also see how it is calculated.
* We removed the grid, because its not needed. Instead of it we made a light grey line underneath the headers.
* For the readability we sepparated the columns and rows through white-spaces.

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

2009-10-22T16:52:06Z

UE-InfoVis0910 0405144:

'''Gruppenmitglieder'''

[[User:UE-InfoVis0910_0401099|Kaiser, Stefanie]] 
[[User:UE-InfoVis0910_0405144|Ehsani, Anna Parisa]] 

'''Aufgaben'''

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

User:UE-InfoVis0910 0405144

2009-10-22T16:46:01Z

UE-InfoVis0910 0405144: New page: Anna Parisa EHSANI 0405144 300px

Anna Parisa EHSANI 
0405144 
[[image:Istanbul.jpg|300px]]

File:Istanbul.jpg

2009-10-22T16:38:33Z

UE-InfoVis0910 0405144: New page: == Summary == == Copyright status == == Source == private photography

== Summary ==

== Copyright status ==

== Source ==
private photography