InfoVis:Wiki - User contributions [en]

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

2010-01-06T16:23:59Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===

* Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).
* The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.
* The contentedness of a person is a discrete value, there are three different values possible (good, neutral, bad). It is 2-dimensional, because the contentedness is dependent on the time (what makes it temporal too) and of the value (good, bad, neutral).
* Important happenings are temporal, because they change by time.
* Text data like first and last name is a nominal value.
* The family tree itself has a hierarchical data, the ancestors are on top and are followed by their children, grand children etc. Relations of the same generation (partners, siblings) are shown on the same level. The hierarchy is shown implicitly, no extra hint is made.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone due to privacy reasons.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T16:21:52Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===

* Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).
* The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.
* The contentedness of a person is a discrete value, there are three different values possible (good, neutral, bad). It is 2-dimensional, because the contentedness is dependent on the time (what makes it temporal too) and of the value (good, bad, neutral).
* Important happenings are temporal, because they change by time.
* Text data like first and last name is a nominal value.
* The family tree itself has a hierarchical data, the ancestors are on top and are followed by their children, grand children etc. Relations of the same generation (partners, siblings) are shown on the same level. The hierarchy is shown implicitly, no extra hint is made.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T16:16:14Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===

* Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).
* The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.
* The contentedness/mood of a person is a discrete value, there are three different values possible (good, medium, bad).
* Important happenings can also be ordered in a chronological way, so they are ordinal values.
* Text data like first and last name is a nominal value.
* The family tree itself has a hierarchical data, the ancestors are on top and are followed by their children, grand children etc. Relations of the same generation (partners, siblings) are shown on the same level. The hierarchy is shown implicitly, no extra hint is made.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T15:54:57Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===

* Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).
* The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.
* The mood of a person is a discrete value, there are three different values possible (good, medium, bad).
* Text data like first and last name is a nominal value.
* The family tree itself has a hierarchical data, the ancestors are on top and are followed by their children, grand children etc. Relations of the same generation (partners, siblings) are shown on the same level. The hierarchy is shown implicitly, no extra hint is made.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T15:46:59Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===
The family tree is ...
The information about the person is ...

==== dataset analysis ====
Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).

The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.

The mood of a person is a continual value, the mood can range without any limits between 0 % and 100 %.

The family tree itself has a hierarchical data, the ancestors are on top and are followed by their children, grand children etc. Relations of the same generation (partners, siblings) are shown on the same level. The hierarchy is shown implicitly, no extra hint is made.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T15:34:18Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===
The family tree is ...
The information about the person is ...

==== dataset analysis ====
Sex is a nominal data because it cannot be ordered in a meaningful way. Both genders are equivalent. Additionally, the gender is a binary value (being male or female).
The date of birth and death are ordinal values, because of the chronological order. In reality continual, we simplified the modelling by leaving out the time of birth. So are only discrete values are possible.

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-06T15:24:52Z

UE-InfoVis0910 0625941:

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

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

== analysis ==

=== application area ===
This graph is about family-tree visualization, where parents-children connections should be shown. It should not just be about family relations, but also be about individual happenings and feelings. The family tree should visualize hierarchical structures.
As already mentioned the tree should not only contain family relations, but also individual content and most important is, that the tree should be interactive:
* show detail information of a person, if demanded
* enable detailed comparisons of a section

=== dataset ===
The family tree is ...
The information about the person is ...

==== dataset analysis ====
* Nominal data
** Sex
**
*

=== target group ===
In general, the main target group are descendants, who want to know more about their ancestors and not just who they are / were, but it could be also interesting for everyone, who wants to know more about the specified family. (In this case it would be interesting for all serious Simpsons fans, who want to know everything about their favorite characters).
But in general this type of family tree contains some very sensitive data (like criminal records) and shouldn't be viewed by everyone.

=== use of visualization ===
To show relations a graph is much better than a table. So the primary aim of the visualization is to show relations between the family trees. An interesting aspect in this visualization could be, that there could be some time shift between different generations. For Example: 4.generation child from one parent could be as old as 3.generation from another parent.

==== questions getting answered by visualization ====
* Who were my ancestors?
* Who is related with me?
* Were my ancestors lucky with their lives?
* Did some happenings change their contentedness?
* How long did they live or are they still alive?
* What special happenings did they have in their lives?

== concept ==

=== Techniques used ===
We like to see our family-tree as computer application (maybe just a internet page), because it's very easy to create and very easy to use interactive applications on computer-systems, because almost everyone should be familiar with it.

==== family tree ====
The family relationships are shown in a classical tree view. Generations are shown in one line. To show relationships a conduit is used, for example: Between two persons, who get children a conduit is used, a conduit is also used between those parents and their children and so on.

The family-tree overview contains following data:
* Name of the person
* Conduit and position are showing relations
* Conduit also shows if person is related by marriage
* Sex is shown by color background

==== mouse over effect ====
By sliding with the mouse cursor over a member of the family tree a pop up window appears with short informations about the specified family-member. If more information is needed, one can click on the window, to show more detailed information about the person. An advantage of this method (nesting) is, that sensitive data can be preserved with a password. A Disadvantage is, that it could be more inconvenient to use the application. Therefore a login-system would be very helpful.

The hover field contains following data:
* Picture, if available
* Name
* Sex
* Date of birth
* Date of death

==== detail information ====
By clicking on the popup-window button in the hover menu an extra pop-up window appears, in which all the registered data of the person shows up. The Contentedness-scale also has a mouse over effect: When sliding with the mouse over a specific time (from left to right) it shows the nearest happening from the happening list.

The detail information contains following data:
* All the data shown in the popup window
* Contentedness-scale
* Important happenings

==== comparison view ====
To compare specified family tree details

=== mockups ===

==== family tree ====
[[Image:06-stammbaum.jpg|900px]]

==== mouse over effect ====
[[Image:06-Stammbaum1.jpg|900px]]
==== detail information ====
[[Image:06-Stammbaum2.jpg|900px]]
==== comparison view ====

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

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

2010-01-05T15:54:40Z

UE-InfoVis0910 0625941:

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

=== Critique about the Graph ===
* data ink ratio is very high
* The world map is not really necessary (except for showing the shipment routes)
* The circles are overlapping
* The values are not ordered (because they are shown on the map)
* The label "Total Hazardous Waste Production" can't be attached to anything in the first moment
* Much unimportant information, only the necessary info should be on the graph:
** The circles as descriptors include the information about the ratio between country size and hazardous waste production.
** Sublabels of Arrows: what's shipped?
** Major Illegal Waste Shipment Routes" don't really fit into the question "Which countries produce the most hazardous waste?"

===Redesign===
[[Image:Abgabe 2.jpg|500px]]

Total hazardous waste production in metric tons

===Explanations===
* The essential information is the waste production (according to the graph's title). So we removed all the other information.
* The diagram now only has the necessary information
* Data ink ratio is very low (no 3D effects, no additional lines/axis that don't show any information etc.)
* The values are ordered in a bar chart, which gives a better overview over the data.
* Removed the red color, because it was kind of an eye catcher

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

2010-01-05T15:54:13Z

UE-InfoVis0910 0625941:

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

=== Critique about the Graph ===
* data ink ratio is very high
* The world map is not really necessary (except for showing the shipment routes)
* The circles are overlapping
* The values are not ordered (because they are shown on the map)
* The label "Total Hazardous Waste Production" can't be attached to anything in the first moment
* Much unimportant information, only the necessary info should be on the graph:
** The circles as descriptors include the information about the ratio between country size and hazardous waste production.
** Sublabels of Arrows: what's shipped?
** Major Illegal Waste Shipment Routes" don't really fit into the question "Which countries produce the most hazardous waste?"

===Redesign===
[[Image:Abgabe 2.jpg|500px]]

Total hazardous waste production in metric tons

* The essential information is the waste production (according to the graph's title). So we removed all the other information.
* The diagram now only has the necessary information
* Data ink ratio is very low (no 3D effects, no additional lines/axis that don't show any information etc.)
* The values are ordered in a bar chart, which gives a better overview over the data.
* Removed the red color, because it was kind of an eye catcher

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

2010-01-05T15:51:24Z

UE-InfoVis0910 0625941:

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

=== Critique about the Graph ===
* data ink ratio is very high
* The world map is not really necessary (except for showing the shipment routes)
* The circles are overlapping
* The values are not ordered (because they are shown on the map)
* The label "Total Hazardous Waste Production" can't be attached to anything in the first moment
* Much unimportant information, only the necessary info should be on the graph:
** The circles as descriptors include the information about the ratio between country size and hazardous waste production.
** Sublabels of Arrows: what's shipped?
** Major Illegal Waste Shipment Routes" don't really fit into the question "Which countries produce the most hazardous waste?"

===Redesign===
[[Image:Abgabe 2.jpg|500px]]

Total hazardous waste production in metric tons

* We made two graphs that separate the information.
** The first one shows the shipment routes and geographical information, that could be interesting, like if countries that reported waste generation are lying to each other, etc.
** The second one shows the values of the hazardous waste production. That is acutally the key information in the graph and it's not necessary to show where these countries are.
* The values are ordered in a bar chart, which gives a better overview over the data.
* The ship routes are only labelled by the continents, the additional information (goods etc) is removed, because that information is not as important.
* The circles have been removed, because they didn't distribute as much information.
* Numbers have been put to an extra graph
* Removed the red color, because it was kind of an eye catcher

File:Abgabe 2.jpg

2010-01-05T15:48:21Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2009-12-05T09:54:43Z

UE-InfoVis0910 0625941:

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

2009-12-04T18:35:42Z

UE-InfoVis0910 0625941:

File:Diagramm2.jpg

2009-12-04T18:02:43Z

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

== Summary ==

== Copyright status ==

== Source ==

File:Diagramm1.jpg

2009-12-04T17:54:06Z

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

== Summary ==

== Copyright status ==

== Source ==

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

2009-12-03T17:26:16Z

UE-InfoVis0910 0625941:

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

2009-12-03T16:21:08Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

=== Improvement ===
[[Image:Table_group_6_verbesserung.png|450px]]

We made the changes according to the discussion page, except putting 0.0% in empty cells, because we thought it is irritating to write that there is a change of 0% although the values have changed. So we calculated the appropriate value and put it in there.

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

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

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

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

2009-12-03T16:20:59Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

=== Improvement ===
[[Image:Table_group_6_verbesserung.png|450px]]
We made the changes according to the discussion page, except putting 0.0% in empty cells, because we thought it is irritating to write that there is a change of 0% although the values have changed. So we calculated the appropriate value and put it in there.

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

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

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

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

2009-12-03T16:16:35Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

=== Improvement ===
[[Image:Table_group_6_verbesserung.png|450px]]

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

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

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

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

2009-12-03T16:15:59Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== Improvement ===
[[Image:Table_group_6_verbesserung.png|450px]]

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

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

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

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

File:Table group 6 verbesserung.png

2009-12-03T16:14:10Z

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

== Summary ==

== Copyright status ==

== Source ==

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-25T21:56:49Z

UE-InfoVis0910 0625941:

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG. [humanIT, 2006] }}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0 [humanIT, 2009].

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

InfoZoom supports data selection and filtering by a single mouse click on a value bin. Values can be rendered interestingly and transitions between set sizes are animated [Wittenburg et al, 2001].
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all the objects on the screen. Therefor, the objects have to be pushed together. The entries in the database can be sorted either in ascending or descending order, numerical values are displayed by the vertical position of dots. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

In the overview mode it is possible to sort the content independently for every attributes row, identical values are placed together in a cell. The frequency of this value is represented as the column width. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute. [Xie, 2006]

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-25T21:56:21Z

UE-InfoVis0910 0625941:

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG. [humanIT, 2009] }}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0 [humanIT, 2009].

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

InfoZoom supports data selection and filtering by a single mouse click on a value bin. Values can be rendered interestingly and transitions between set sizes are animated [Wittenburg et al, 2001].
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all the objects on the screen. Therefor, the objects have to be pushed together. The entries in the database can be sorted either in ascending or descending order, numerical values are displayed by the vertical position of dots. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

In the overview mode it is possible to sort the content independently for every attributes row, identical values are placed together in a cell. The frequency of this value is represented as the column width. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute. [Xie, 2006]

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-25T21:44:00Z

UE-InfoVis0910 0625941:

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG. }}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0 [humanIT, 2009].

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

InfoZoom supports data selection and filtering by a single mouse click on a value bin. Values can be rendered interestingly and transitions between set sizes are animated [Wittenburg et al, 2001].
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all the objects on the screen. Therefor, the objects have to be pushed together. The entries in the database can be sorted either in ascending or descending order, numerical values are displayed by the vertical position of dots. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

In the overview mode it is possible to sort the content independently for every attributes row, identical values are placed together in a cell. The frequency of this value is represented as the column width. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute. [Xie, 2006]

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-25T21:37:46Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
===Mac OS===
The first drag and drop implementation was developed for the first Macintosh Computer for manipulating files. In System 7 it was possible to open a document by dragging and dropping it on an application icon.
Since System 7.5, it is possible to use drag and drop in clipboard applications, for example for moving text to another position. Mac OS X allows to install programs by the use of drag-and-drop. [Wikipedia: Drag-and-Drop, 2009]
===Microsoft Windows===
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.
All the possible functions could be obtained by double clicking on the left mouse button or by single clicking on the right button on the icon. It was also possible to drag an icon onto other icons that represented different functions, such as printing, copying etc. It was also possible to stop running programs by dragging the representing icon to the trash.
Later, other companies provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox and Central Point. In Windows 95, Microsoft released an own drag & drop model. [Wikipedia: Drag-and-Drop, 2009]
==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

A drag operation can be cancelled by pressing KCancel (usually Escape). It is also possible to request for help about a drop site by pressing KHelp (usually F1) after dragging an object to that specific drop site. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: Command Post of the Future, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.

{{Quotation|While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. | [Shneiderman and Kang, 2000]}}

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-25T14:08:02Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
===Mac OS===
The first drag and drop implementation was developed for the first Macintosh Computer for manipulating files. In System 7 it was possible to open a document by dragging and dropping it on an application icon.
Since System 7.5, it is possible to use drag and drop in clipboard applications, for example for moving text to another position. Mac OS X allows to install programs by the use of drag-and-drop. [Wikipedia: Drag-and-Drop, 2009]
===Microsoft Windows===
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.
All the possible functions could be obtained by double clicking on the left mouse button or by single clicking on the right button on the icon. It was also possible to drag an icon onto other icons that represented different functions, such as printing, copying etc. It was also possible to stop running programs by dragging the representing icon to the trash.
Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own. [Wikipedia: Drag-and-Drop, 2009]
==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

A drag operation can be cancelled by pressing KCancel (usually Escape). It is also possible to request for help about a drop site by pressing KHelp (usually F1) after dragging an object to that specific drop site. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.

{{Quotation|While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. | [Shneiderman and Kang, 2000]}}

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-25T14:03:48Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
===Mac OS===
The first drag and drop implementation was developed for the first Macintosh Computer for manipulating files. In System 7 it was possible to open a document by dragging and dropping it on an application icon.
Since System 7.5, it is possible to use drag and drop in clipboard applications, for example for moving text to another position. Mac OS X allows to install programs by the use of drag-and-drop. [Wikipedia: Drag-and-Drop, 2009]
===Microsoft Windows===
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.
All the possible functions could be obtained by double clicking on the left mouse button or by single clicking on the right button on the icon. It was also possible to drag an icon onto other icons that represented different functions, such as printing, copying etc. It was also possible to stop running programs by dragging the representing icon to the trash.
Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own. [Wikipedia: Drag-and-Drop, 2009]
==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.

{{Quotation|While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. | [Shneiderman and Kang, 2000]}}

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-25T13:49:37Z

UE-InfoVis0910 0625941:

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG. }}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0 [humanIT, 2009].

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

The primary interactions supported in InfoZoom are simple selection and filtering, accomplished with a single mouse click on a value bin. Interesting graphical renderings of values are included. Animation is used to transition between set sizes. [Wittenburg et al, 2001]
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all the objects on the screen. Therefor, the objects have to be pushed together. The entries in the database can be sorted either in ascending or descending order, numerical values are displayed by the vertical position of dots. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

In the overview mode it is possible to sort the content independently for every attributes row, identical values are placed together in a cell. The frequency of this value is represented as the column width. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute. [Xie, 2006]

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T18:00:46Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
===Mac OS===
The first drag and drop implementation was developed for the first Macintosh Computer for manipulating files. In System 7 it was possible to open a document by dragging and dropping it on an application icon.
Since System 7.5, it is possible to use drag and drop in clipboard applications, for example for moving text to another position. Mac OS X allows to install programs by the use of drag-and-drop. [Wikipedia: Drag-and-Drop, 2009]
===Microsoft Windows===
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.
In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.
Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own. [Wikipedia: Drag-and-Drop, 2009]
==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T18:00:28Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
===Mac OS===
The first drag and drop implementation was developed for the first Macintosh Computer for manipulating files. In System 7 it was possible to open a document by dragging and dropping it on an application icon.
Since System 7.5, it is possible to use drag and drop in clipboard applications, for example for moving text to another position. Mac OS X allows to install programs by the use of drag-and-drop. [Wikipedia: Drag-and-Drop, 2009]

===Microsoft Windows===
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.
In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.
Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own. [Wikipedia: Drag-and-Drop, 2009]

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T17:24:31Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
The very first drag and drop implementation for Microsoft Windows was developed by Jeffrey Greenberg in 1988 for the shareware program "Aporia" and was later commercialized as WinTools.

This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own. [Wikipedia: Drag-and-Drop, 2009]

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T17:17:11Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia: CPOF, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T17:16:44Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia: Drag-and-Drop, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T17:15:04Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is mainly seen as an authoring process by experts, either to show or hide annotations. There are different variations of placements of labels on markers in information visualization tasks, for example, tree structures like the hyperbolic tree (Figure 2) or medical histories like LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-24T16:09:10Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is very similar to the problem of annotation on maps, where geographical labels (city names, state names etc) are placed on the map close to the features. Exploring that problem has a very long history, but the dynamics of the computer screen provides new opportunities (Figure 1). However, annotation is usually seen as an authoring process conducted by specialists and users only chose whether to show or hide annotations. Variations on annotation also come from the placement of labels on markers in information visualization tasks such as in tree structures, such in the hyperbolic tree (Figure 2) or in medical histories, such as LifeLines (Figure 3).

The focus in annotation is to automatically place the labels in a way that overlapping is reduced, but it is also necessary to place labels manually, for example for post it notes, on documents, photos, maps etc. Manual annotation are very often explored with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-24T15:31:33Z

UE-InfoVis0910 0625941: umgeschrieben in eigene worte

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG.}}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0.

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

The primary interactions supported in InfoZoom are simple selection and filtering, accomplished with a single mouse click on a value bin. Interesting graphical renderings of values are included. Animation is used to transition between set sizes. [Wittenburg et al, 2001]
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all the objects on the screen. Therefor, the objects have to be pushed together. The entries in the database can be sorted either in ascending or descending order, numerical values are displayed by the vertical position of dots. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

In the overview mode it is possible to sort the content independently for every attributes row, identical values are placed together in a cell. The frequency of this value is represented as the column width. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute. [Xie, 2006]

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-24T14:12:33Z

UE-InfoVis0910 0625941:

==Definition==

{{Quotation|InfoZoom displays database relations in tables with attributes as rows and objects as columns.| [Spenke, 2000]}}
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG.}}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0.

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

The primary interactions supported in InfoZoom are simple selection and filtering, accomplished with a single mouse click on a value bin. Interesting graphical renderings of values are included. Animation is used to transition between set sizes. [Wittenburg et al, 2001]
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview [Xie, 2006; Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009].

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally. [Xie, 2006]

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all objects pushed together to fit on the screen. Numerical values are represented by the vertical position of dots. The data can be sorted by individual attributes in ascending or descendig order. [Xie, 2006]

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

The overview mode allows that the content of each attributes row are sorted independently. The identical values are placed together in a cell. The width of the cell represents the frequency of this value. [Xie, 2006]

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute.

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoom homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-22T15:47:51Z

UE-InfoVis0910 0625941:

==Definition==
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom processes different types of data, which can be displayed in table form. The core piece of InfoZoom is a very innovative visualisation technique, that allows to display large ammounts of data in three different view modes.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG.}}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0.

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

The primary interactions supported in InfoZoom are simple selection and filtering, accomplished with a single mouse click on a value bin. Interesting graphical renderings of values are included. Animation is used to transition between set sizes. [Wittenburg et al, 2001]
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview.

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally.

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all objects pushed together to fit on the screen. Numerical values are represented by the vertical position of dots. The data can be sorted by individual attributes in ascending or descendig order.

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

The overview mode allows that the content of each attributes row are sorted independently. The identical values are placed together in a cell. The width of the cell represents the frequency of this value.

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute.

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoome homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 1 - InfoZoom

2009-11-22T15:39:43Z

UE-InfoVis0910 0625941:

==Definition==
{{definition|InfoZoom is a computer application that helps users to analyze and display large amounts of data in three different view modes, depending how much data should be displayed.
InfoZoom is developed by the company humanIT, a spin-off of Fraunhofer Society and subsidiary company of proALPHA Software AG.}}

== History ==

InfoZoom evolved from another system called FOCUS, a focus+context table layout [Kort, 2004]. 
The current and newest version is InfoZoom V6.0.

== Description ==

=== Overview ===

Primarily, InfoZoom was developed for manipulating tables. By default it uses parallel bargrams for larger sizes of data sets and special focus+context tables for smaller ones [Wittenburg et al, 2001]. So it is possible to present information in table or distribution oriented formats.

When displaying relational data tables, InfoZoom uses one row for each record. This data can be sorted sequential, hierarchical or in any other way the user wants it to be sorted. If necessary, the user can "zoom" into the information. This happens for example by doubleclicking on attribute values or sets/ranges of values [Mark et al, 2003]. This "zooming" can also be done by selecting columns of a row interactively and then promoting them into qualified records. All other records except those marked as qualified records are hidden instantly, enabling a "zoomed" view on the information.

The primary interactions supported in InfoZoom are simple selection and filtering, accomplished with a single mouse click on a value bin. Interesting graphical renderings of values are included. Animation is used to transition between set sizes. [Wittenburg et al, 2001]
[[Image:Software_architecture.gif|200px|thumb|software architecture of InfoZoom V6.0]]
=== Data Source & Compatibility ===

With its versatility and open architecture for quick and easy OEM installation based on commonly used industry standards (ODBC, OLE DB, OLE DB for OLAP, COM, ActiveX) and native interfaces (proALPHA, SAP, Lotus Notes, etc.), InfoZoom offers a major advantage for integration partners. It can also be used as a stand-alone application under Windows. [humanIT, 2009]

=== View Modes ===

InfoZoom offers three modes for data analysis: wide table, compressed table and overview.

==== Wide Table ====

The wide table looks like a table we know from spreadsheets or database tables. Every attribute is shown as a row and the objects as columns. If the windows is not big enough to show all records or attributes, it's possible to scroll vertically or horizontally.

[[Image:Wide_table.gif|200px]]

==== Compressed Table ====

The compressed table shows all objects pushed together to fit on the screen. Numerical values are represented by the vertical position of dots. The data can be sorted by individual attributes in ascending or descendig order.

[[Image:Compressed_table.gif|200px]]

==== Overview Mode ====

The overview mode allows that the content of each attributes row are sorted independently. The identical values are placed together in a cell. The width of the cell represents the frequency of this value.

[[Image:Overview_mode.gif|200px]]

=== Filter ===

The user can search for data or find patterns in a dataset by using filters. It is possible to look for a specific value or value range on an attribute.

=== Derived Attribute ===

Attributes and derived atrributes can be combined by the user. The new value is calculated from the values of one or two already existing attributes.

=== Graphics Report ===

Graphic Reports can be created with different styles, e.g. Pie, Donut, Bar, Horiz Bar, Line, Area, Point, Bubble, Volume, ...

[[Image:Chart.png|200px]]

== Use ==

InfoZoom is often used for Visual Data Mining (VDM), a process which aims at the recognition of patterns in data by an human expert. VDM makes use of an technique called focus+context. Here, it's possible for the expert to show focused and contextual information at the same time. [Kort, 2004]

Infozoom can be used for a wide range of areas, such as:
{{Quotation|
* Ad hoc evaluation
* Data cleansing
* Data selection
* Data management
* Data format verification
* Data migration
* Data plausibility
* Data quality
* Data checking
* Gap analysis|
[humanIT, 2009]
}}

== Example ==
An example of a special Version of InfoZoom called 'InfoZoom JApp', which is used to present data on the internet or intranet, can be viewed at the InfoZoome homepage: http://www.infozoom.com/files/japp/bank/enu/index.html

== References ==

[humanIT, 2009] Author unknown, InfoZoom. humanIT Software GmbH. Created at: 2009. Retrieved at: November 4, 2009. http://infozoom.com/244/-/product.html

[humanIT, 2006] Author unknown, InfoZoom. humanIT Software GmbH. Retrieved at: October 30, 2006.

[Kort, 2004] Alexander Kort. Visual Data Mining and Zoomable Interfaces. In ''Proceedings of the 9th international conference on Intelligent user interface''. pages 274-276, New York, NY, 2004. ACM Press

[Mark et al, 2003] Gloria Mark, Keri Carpenter, Alfred Kobsa. Are There Benefits in Seeing Double? A Study of Collaborative Information Visualization. In ''CHI '03 extended abstracts on Human factors in computing systems'', pages 840-841, Irvine, CA, April 2003. ACM Press

[Spenke, 2000] Michael Spenke and Christian Beilken. InfoZoom - Analysing Formula One Racing Results With an Interactive Data Mining and Visualisation Tool. In ''Second Conference on Data Mining 2000'', pages 1-11, Cambridge, UK. Created at: July 2000, Retrieved at: November 6, 2009. http://www.ifs.tuwien.ac.at/~silvia/wien/vu-infovis/articles/spenke00infozoom.pdf

[Wittenburg et al, 2001] Kent Wittenburg, Tom Lanning, Michael Heinrichs, Michael Stanton. Parallel bargrams for consumer-based information exploration and choice. In ''Proceedings of the 14th annual ACM symposium on User interface software and technology'', pages 51-60, Waltham, MA, November 2001. ACM Press

[Xie, 2006] Zaixian Xie, Review on InfoZoom. Worcester Polytechnic Insitute: Course Data Visualization. Created at: February 1, 2006. Retrieved at: November 6, 2009. http://users.wpi.edu/~xiezx/courses/cs525d/infozoom/infozoom.htm

[Fraunhofer-Institut für Angewandte Informationstechnik FIT, 2009] Fraunhofer-Institut füt Angewandte Informationstechnik FIT. InfoZoom - Ein Werkzeug zur Informationsvisualisierung Created at: August 27, 2009. Retreived at: November 22, 2009. http://www.fit.fraunhofer.de/projects/prozesse/infozoom.html

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-22T15:24:17Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. For further information, see [Wikipedia: Command Post of the Future, 2009].

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is a variation on previously explored problems such as annotation on maps in which the challenge is to place city, state, river, or lake labels close to the features. There is a long history of work on this problem, but new possibilities emerge because of the dynamics of the computer screen (Figure 1).
However, annotation is usually seen as an authoring process conducted by specialists and users only chose whether to show or hide annotations. Variations on annotation also come from the placement of labels on markers in information visualization tasks such as in tree structures, such in the hyperbolic tree (Figure 2) or in medical histories, such as LifeLines (Figure 3).

Previous work on annotation focused on writing programs to make label placements that reduced overlaps, but there are many situations in which it is helpful for users to place labels manually, much like post-it notes, on documents, photos, maps, diagrams, webpages, etc. Annotation of paper and electronic documents by hand is also a much-studied topic with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
For further information, see [Breiteneder et al., 2002].

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

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

2009-11-20T16:57:00Z

UE-InfoVis0910 0625941: references

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

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

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

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

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-20T15:34:14Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. [Wikipedia: Command Post of the Future, 2009]

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is a variation on previously explored problems such as annotation on maps in which the challenge is to place city, state, river, or lake labels close to the features. There is a long history of work on this problem, but new possibilities emerge because of the dynamics of the computer screen (Figure 1).
However, annotation is usually seen as an authoring process conducted by specialists and users only chose whether to show or hide annotations. Variations on annotation also come from the placement of labels on markers in information visualization tasks such as in tree structures, such in the hyperbolic tree (Figure 2) or in medical histories, such as LifeLines (Figure 3).

Previous work on annotation focused on writing programs to make label placements that reduced overlaps, but there are many situations in which it is helpful for users to place labels manually, much like post-it notes, on documents, photos, maps, diagrams, webpages, etc. Annotation of paper and electronic documents by hand is also a much-studied topic with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or remove '''thumbnails''' to/from a selection by using a single click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
[Breiteneder et al., 2002]

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

Teaching:TUW - UE InfoVis WS 2007/08 - Gruppe 01 - Aufgabe 1 - Drag and Drop

2009-11-20T15:33:30Z

UE-InfoVis0910 0625941:

==Definition==
[[Image:800px-Drag-and-drop-en.svg.png|200px|thumb|Dragging files to a folder]]
{{Quotation|In computer graphical user interfaces, drag-and-drop is the action of (or support for the action of) clicking on a virtual object and dragging it to a different location or onto another virtual object. In general, it can be used to invoke many kinds of actions, or create various types of associations between two abstract objects. |[Wikipedia, 2009]
}}

==History==
The first drag & drop implementation for Windows was a shareware program called Aporia by Jeffrey Greenberg in 1988 under Windows 2.0, and later commercialized as WinTools. This program elaborated the single icon on the Macintosh that supported drag & drop, the trash icon. In Aporia/WinTools all icons had functions that could be obtained by double clicking the left mouse button, by clicking on the right mouse button, or by dragging onto one of several functional icons, such as printing, copying, viewing, and other actions. If an icon was double-clicked on and ran a program, the icon changed to indicate that a program was running, and if it was then dragged to the trash, the program was exited.

Subsequently numerous other competitors provided drag & drop desktop replacements to the standard Windows interface including the Norton Desktop, Xerox, NewWave, and Central Point. In Windows 95, Microsoft prevented developers from taking over the desktop and released a drag & drop model of their own.

==Technical Overview==
These actions will be executed at a drag and drop action:

*The drag transaction starts when the user presses and holds BTransfer (mouse button 2) over a source object. The initiator of the drag is the application that contains the object. The mouse pointer will be replaced by a special icon that indicates that the object is beeing dragged now.
*Now the user moves the mouse pointer. If the user drops the object, the mouse pointer will be replaced by the normal pointer again.
*The user drops the object by releasing the pressed button.

The locations on the screen that allow dropping are called "drop sites", the application that owns that drop site is called "destination" or "receiver". Only those widgets on the screen who are registered as drop sites are possible areas on the screen where objects can be dropped. Usually, the receiver and the initiator application perform some action on the object that was dragged and dropped.

A drop can be between applications or within the same application. An application can be both source and destination of a drop, source only, destination only, or not participate in drag and drop at all.

The user can request help about a drop site, if available, by dragging to the drop site, and pressing KHelp (usually F1).

The user can cancel the drag at any time by pressing KCancel, usually Escape. [The Santa Cruz Operation, 1996]

==Drag & Drop in Information Visualization==
=== Use in Common Applications ===
The most common uses of Drag and Drop are
*changing the point of view in visualisation data For example:
** An application where you can see an overview of a map: by draging on the map and moving around you change the view position. By releasing the button the new view on the data and in most cases completely different to the output before.
* order visualisation data For Example:
** Picture Application where you order the sequenz of a slide show
** When you are cleaning up your Desktop by draging folders around

===Command Post of the Future (CPOF)===

[[Image:Cpof_rev2.jpg|150px|thumb|CPOF]]

{{Quotation|The United States Army's Command Post of the Future (CPOF) is a C2 software system that allows commanders to maintain topsight over the battlefield; collaborate with superiors, peers and subordinates over live data; and communicate their intent. |[Wikipedia, 2009]}}

All the visual elements can be controlled and moved by drag and drop gestures. For example, the data elements of one chart can be moved to another information visualisation element, such as a table. It is also possible to group data elements via drag and drop maneuvres.
The primary mechanism of the use of drag and drop in CPOF is live visualization of data. For instance, moving an element on a map also changes its latitude and longitude parameters, or moving a task icon in a schedule changes also its time based data values.

The results of editing gestures are conveyed in real-time to all observers and users of a visualization; when one user moves an event on a map, for example, that event-icon moves on all maps and shared views, such that all users see its new location immediately. Data inputs from warfighters are conveyed to all collaborators as the "natural" result of a drop-gesture in-situ, requiring no explicit publishing mechanism. [Wikipedia: Command Post of the Future, 2009]

===A Drag-and-Drop Strategy for Labeling Photos===

[[Image:Clipboard01.jpg|150px|thumb|Figure 1. US Map with City Names]]

[[Image:Clipboard03.jpg|150px|thumb|Figure 2. Hyperbolic Tree]]

[[Image:Clipboard02.jpg|150px|thumb|Figure 3. LifeLines Medical Patient History]]

Annotation of photos is a variation on previously explored problems such as annotation on maps in which the challenge is to place city, state, river, or lake labels close to the features. There is a long history of work on this problem, but new possibilities emerge because of the dynamics of the computer screen (Figure 1).
However, annotation is usually seen as an authoring process conducted by specialists and users only chose whether to show or hide annotations. Variations on annotation also come from the placement of labels on markers in information visualization tasks such as in tree structures, such in the hyperbolic tree (Figure 2) or in medical histories, such as LifeLines (Figure 3).

Previous work on annotation focused on writing programs to make label placements that reduced overlaps, but there are many situations in which it is helpful for users to place labels manually, much like post-it notes, on documents, photos, maps, diagrams, webpages, etc. Annotation of paper and electronic documents by hand is also a much-studied topic with continuing innovations.
While many systems allow notes to be placed on a document or object, the demands of annotating personal photo libraries are worthy of special study. We believe that personal photo libraries are a special case because users are concentrating on the photos (and may have a low interested in the underlying technology), are concerned about the social aspects of sharing photos, and are intermittent users. They seek enjoyment and have little patience for form filling or data entry. [Shneiderman and Kang, 2000]

===Lookmark: A 2.5D Web Information Visualization System===
[[Image:Clipboard04.jpg|150px|thumb|Lookmark user interface screenshot]]
{{Quotation|Lookmarks are thumbnails of existing web pages that can be arranged within a 2.5-dimensional space, just like documents can be arranged on a normal desk. The Lookmark system offers the user the opportunity of taking individual web pages and structuring and managing them within a 2.5-dimensional space. In Lookmark both standard devices, mouse and keyboard, can be used.|[Breiteneder et al., 2002]}}
The user can only execute three different actions by mouse: single click, double click and drag-and-drop. Each action has a different impact, depending on which object received the event.
* It is possible to add or delete '''thumbnails''' to/from a selection by using a single mouse click, the name of the website that belongs to the thumbnail is shown in the status bar. Double clicking on a thumbnail opens the web site in a web browser. The user can change the horizontal and depth position of a thumbnail by using drag and drop.
* '''Groups of thumbnails''' are handled like single thumbnails and can be moved simultaneously by dragging the group label.
* If a thumbnail of a '''selection''' is moved, then all the selected thumbnails will be moved. Selections can be disbanded by clicking somewhere in the manipulation panel.
[Breiteneder et al., 2002]

==References==
[Wikipedia: Drag-and-drop, 2009] Drag-and-drop, Wikipedia, Created at: November 5, 2009 (last change), Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Drag_and_drop

[The Santa Cruz Operation, 1994-1996] The Santa Cruz Operation, 1994-1996. Motif Programmer's Guide. http://www.s-and-b.ru/syshlp/motif_guide/MotifProgGuide/TOC.html

[Wikipedia: Command Post of the Future, 2009] The United States Army's Command Post of the Future (CPOF), Wikipedia, Created at: July 6, 2009, Retrieved at: November 6, 2009, http://en.wikipedia.org/wiki/Command_Post_of_the_Future

[General Dynamics C4 System, 2007] General Dynamics C4 Systems, 2007, http://www.gdc4s.com/content/detail.cfm?item=2a58f8e2-ef2b-4bb1-9251-42ee4961dd7f

[Shneiderman and Kang, 2000] Ben Shneiderman and Hyunmo Kang, Dept. of Computer Science, Human-Computer Interaction Laboratory, Institute for Advanced Computer Studies & Institute for Systems Research University of Maryland. A Drag-and-Drop Strategy for Labeling Photos, Created at: April 29, 2000. Retrieved at: November 3, 2009. http://hdl.handle.net/1903/1068

[Breiteneder et al., 2002] Christian Breiteneder, Horst Eidenberger, Geert Fiedler and Markus Raab. Vienna University of Technology, Institute of Software Technology and Interactive Systems. A 2.5D Web Information Visualization System. Created at: July 24, 2002. Retrieved at: November 3, 2009. http://www.ims.tuwien.ac.at/media/documents/publications/eurasia2002.pdf

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

2009-11-20T15:18:18Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period
* The order of the values that are compared (2007 and 2008) is confusing because the summary (change) is the wrong way around (6725 compared to 5993 is not an increase of 12%).

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

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

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

2009-11-20T14:32:05Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* Text align is left and makes it difficult to compare the numbers.
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Text align is right, so numbers can be compared easliy.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

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

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

2009-11-20T14:31:07Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]

===Explanation of the changes===
* Compared to the first table, the rows and columns are in the same way as in the original table.
* Data is split in two groups because it does not really belong together.
* Whitespaces seperate the summary rows from data rows.
* Whitespaces are used to separate the different tables too.

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

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

2009-11-20T14:28:47Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a ruler under the header is kept to make a difference between the data and the header.
* The ruler is in a very light grey (black bold rulers seperates them)
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).
* $ sign is removed and put in the header.
* Consistent use of thousands separators (comma).
* Whitespaces are added, so the data is optically split into groups that belong together

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]

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

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

2009-11-20T14:23:47Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.

[[Image:Table_group_6_v2.png|450px]]
===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a rule under the header is kept to make a difference between the data and the header.
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).

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

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

2009-11-20T14:23:34Z

UE-InfoVis0910 0625941:

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

===Critique about the table ===
* The grid encloses the entire table. This should be avoided, because it breaks up the data. (Use white spaces or rules under the header and over the footer instead) (Page 136).
* Time based data should be arranged in columns from left to right rather than in rows from top to bottom (Page 142).
* Groups and Breaks: All the content is put in one table. Split the table instead in all the data groups that belong together (Page 143).
* No whitespacing between different groups of the table (Page 144).
* Headers are not repeated over the different group sections (Page 144).
* Text align of numbers should not be aligned to the left side (Page 147).
*Number format is not consistent: Column "Median Price" uses two different formats (Sold in March 2007 vs. Sold in March 2008: Thousand sepatator is once a point and once a comma). Column 1 ("Units") doesn't use any separators at all (Page 149).
* $ sign is not necessary in every cell.
* Columns are to small, so the data is split in two rows.
* difficult formulations: 1/1/08 - 3/31/08 instead of 1st Quartal 2008
* % values don't have the same number of positions after decimal point.
* The change rows shouldn't be in the same columns because they do not even have the same measurement than the other columns.
* Different meanings in the same column. For example 4 different Meanings of 'Units':
**Units on the market
**Units sold in one period
**Change of Units on the market between to periods
**Change of Units sold between two periods
*'Average Day on the market' is illogical in context of a defined period

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

===New Table ===
[[Image:Table_2_group_6.png|950px]]

=== 2nd version ===
We have made a second version of the table, without switching rows and columns, because according to example 5 of http://www.ncsu.edu/labwrite/res/gh/gh-tables.html it is also allowed to put time based data into columns.
[[Image:Table_group_6_v2.png|450px]]
===Explanation of the changes===
* Table is split into two different tables because the data doesn't really belong together.
* The grid is removed, just a rule under the header is kept to make a difference between the data and the header.
* Simpler formulation (Quartal instead of 1/1 - 3/31), so that the meaning of the column is seen at first sight.
* Columns and Rows are switched because time based data should be put in columns.
* Consistent form of percentage values (1 digit after the comma).

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

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

2009-11-19T17:14:29Z

UE-InfoVis0910 0625941: