InfoVis:Wiki - User contributions [en]

User:UE-InfoVis0607 0226388

2007-01-31T07:48:14Z

UE-InfoVis0607 0226388:

== Personendaten ==

{|
|-
|'''Name''':
|Matteo Savio
|-
|'''Matrikelnummer''':
|0226388
|-
|'''Studienkennzahl''':
|933
|-
|'''E-Mail''':
|e0226388 (at) student.tuwien.ac.at
|}

== Gruppenseite ==

[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T22:00:46Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") to see the visualization.

In this 2D modell, chat user are arranged along the x axis and the y axis represent the time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

'''MyTextRenderer''' calculates the rectangles which represent the text. The rectangles are bigger when the user zooms in and smaller when the user zooms out.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png]]
*Used Toolkits bzw. Libraries
We only used prefuse as external library.
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T21:39:45Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") to see the visualization.

In this 2D modell, chat user are arranged along the x axis and the y axis represent the time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

'''MyTextRenderer''' calculates the rectangles which represent the text. The rectangles are bigger when the user zooms in and smaller when the user zooms out.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png]]
*Used Toolkits bzw. Libraries
We did not use any special libraries or toolkits
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T21:38:41Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") to see the visualization.

In this 2D modell, chat user are arranged along the x axis and the y axis represent the time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser Class''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

'''MyTextRenderer''' calculates the rectangles which represent the text. The rectangles are bigger when the user zooms in and smaller when the user zooms out.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png]]
*Used Toolkits bzw. Libraries
We did not use any special libraries or toolkits
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T21:36:08Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") and add it, to get the visualisation of another gorup.

In this 2D modell, chat user are arranged along the x axis and the y axis represent time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the Charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser Class''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

'''MyTextRenderer''' calculates the rectangles which represent the text. The rectangles are bigger when the user zooms in and smaller when the user zooms out.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png]]
*Used Toolkits bzw. Libraries
We did not use any special libraries or toolkits
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T21:34:46Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") and add it, to get the visualisation of another gorup.

In this 2D modell, chat user are arranged along the x axis and the y axis represent time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the Charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser Class''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png]]
*Used Toolkits bzw. Libraries
We did not use any special libraries or toolkits
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype -Documentation

2007-01-04T21:30:26Z

UE-InfoVis0607 0226388:

===Documentation===
Projectname: conversation landscape

authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

*Taskdescription
Our task was to implement a prototype of a conversation landscape visualisation.

Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll ("choose file ...") and add it, to get the visualisation of another gorup.

In this 2D modell, chat user are arranged along the x axis and the y axis represent time. The horizontal lines are postings, a longer line represents a longer posting. If you mouseover a horizontal line the color changes and the text of the posting is shown above the Charts.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

*Classes

'''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.
It is the main entry class for the project.

'''SourceChooser Class''' contains the visual and functional components to choose a file.

In '''ConversationLandscape''' we Calculate the maximum and minimum time that should be displayed, create the Visualization and add our table and the Shema for the Lines.
The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer. After createing the x and y axis and set the RangeQueryBinding to the y-axis (time), we applay the LineFilter and LineLayout. In this class we also create the ToolTipControl (text of each Label is shown on the right upper side), display and listeners.

'''LineFilter''' calculates the connection between the items.

'''LineLayout''' calculates the lines between the items (performed at each update).

'''LineRenderer''' draws the lines.

*Screenshot
[[Image:ConversationLandscapeScreenshot.png|200px]]
*Used Toolkits bzw. Libraries
We did not use any special libraries or toolkits
*Example Data
<pre>
Time Person Text

20 Mikie Weiter so weiter so die nächste Tür kommt
21 Monster Hol mir schnell die nächste Tür
22 Chef Na, was gibt es heute für eine Schrekensbilanz?
24 Monster Das Kind wollte mich anfassen, es war so nah drann!
25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.
26 Mikie huch
27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.
28 Mikie Kontaminationsalarm!!
29 Chef Kontaminationsalarm, AHHHHHHH!!!
30 Monster AHHH, ein Kind, ein Kind AHHH!
31 Mikie Gefahr beseitigt, das war ganz schön knapp
32 Chef Okay, halbe Stunde Pause
33 Mikie Juchu
34 Monster Essen fasssen!
35 Mikie Ich hasse Kontaminierung
36 Monster Ich auch
37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs
38 Monster Die Kinder heutzutage haben keine Angst mehr
39 Mikie mhm
40 Chef Früher war alles besser
41 Mikie jajaja, die guten alten Zeiten
50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!
51 Mikie nageh, ich mag pause.
52 Monster Ich tirnk noch schnell aus
53 Chef Nö!
54 Monster doch
55 Mikie Ich trink auf dem weg zurück
56 Monster ok
57 Chef nagut
58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will
59 Monster Laberlaberblah
60 Mikie Ich hab vergessen meine berichte abzugeben
61 Glubsch ja, die pinken sind für die sekretärin, die blauen sind für die susi und die anderen sind für den mist
62 Mikie ok
63 Chef ahhhhhhhhh, ein kind!
63 Kind Laberlaberblah
64 Monster AHHHHHH
64 Glubsch AHHHHHHHHHHHH!!! KINND!
64 Mikie AHH! HILFE! Kontamination!
65 Kind Sabbersabberblah
66 Kind Laberkinderpsracheblubpingpongdingsi
67 Mikie quieetsch!
</pre>

[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

File:ConversationLandscapeScreenshot.png

2007-01-04T21:30:04Z

UE-InfoVis0607 0226388: Screenshot of the Conversation Landscape

== Beschreibung ==
Screenshot of the Conversation Landscape
== Copyright-Status ==

== Quelle ==

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T17:01:46Z

UE-InfoVis0607 0226388: Selection und Brushing rausgetan. Bei Bedarf bitte wieder reintun!

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, every color is unique for each user.
The messages of the user appears in this circle.
The message frequence of a user, that means how active a user is, is shown as a color varation of the circle. It becomes bigger and brighter with every message the user types. After a period of silence the circle becomes smaller and starts to fade out, but is still visible.
The different topics are shown as groups of circles, a user can only "hear" other people within the "hearing range".

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
The archival interface of the chat circles is the Conversation Landscape. In this two-dimensional model of the conversation the communication history of the participants is shown. Every user is again identified with a specific color. The x Axis represents the users and the y axis the Time. The Postings are shown as a horizontal line. A longer message is shown as a longer line.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of other threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Dynamic querying of the shown area.

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T17:00:18Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, every color is unique for each user.
The messages of the user appears in this circle.
The message frequence of a user, that means how active a user is, is shown as a color varation of the circle. It becomes bigger and brighter with every message the user types. After a period of silence the circle becomes smaller and starts to fade out, but is still visible.
The different topics are shown as groups of circles, a user can only "hear" other people within the "hearing range".

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
The archival interface of the chat circles is the Conversation Landscape. In this two-dimensional model of the conversation the communication history of the participants is shown. Every user is again identified with a specific color. The x Axis represents the users and the y axis the Time. The Postings are shown as a horizontal line. A longer message is shown as a longer line.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of other threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying of the shown area.
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:59:15Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, every color is unique for each user.
The messages of the user appears in this circle.
The message frequence of a user, that means how active a user is, is shown as a color varation of the circle. It becomes bigger and brighter with every message the user types. After a period of silence the circle becomes smaller and starts to fade out, but is still visible.
The different topics are shown as groups of circles, a user can only "hear" other people within the "hearing range".

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
The archival interface of the chat circles is the Conversation Landscape. In this two-dimensional model of the conversation the communication history of the participants is shown. Every user is again identified with a specific color. The x Axis represents the users and the y axis the Time. The Postings are shown as a horizontal line. A longer message is shown as a longer line.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying of the shown area.
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:57:37Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, every color is unique for each user.
The messages of the user appears in this circle.
The message frequence of a user, that means how active a user is, is shown as a color varation of the circle. It becomes bigger and brighter with every message the user types. After a period of silence the circle becomes smaller and starts to fade out, but is still visible.
The different topics are shown as groups of circles, a user can only "hear" other people within the "hearing range".

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
The archival interface of the chat circles is the Conversation Landscape. In this two-dimensional model of the conversation the communication history of the participants is shown. Every user is again identified with a specific color. The x Axis represents the users and the y axis the Time. The Postings are shown as a horizontal line. A longer message is shown as a longer line.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:55:08Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, every color is unique for each user.
The messages of the user appears in this circle.
The message frequence of a user, that means how active a user is, is shown as a color varation of the circle. It becomes bigger and brighter with every message the user types. After a period of silence the circle becomes smaller and starts to fade out, but is still visible.
The different topics are shown as groups of circles, a user can only "hear" other people within the "hearing range".

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:50:36Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, how active a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:49:31Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
* Chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

* Archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:48:30Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence. Convesation Landscapes show the interaction patterns of the conversation at a glance, flurries of animated discussion are as easily readable as logins and logouts.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:46:16Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

The viewer can easily read out the time between postings as periods of silence.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:43:57Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups. It will not be implemented and so this is only a short additional information.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:42:43Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:42:33Z

UE-InfoVis0607 0226388:

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:42:03Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

== Interaction practices ==

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:41:41Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
A Conversation Landscape is based on "Chat Circles", which is a technique for vizualising chats.

Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==

== Interaction practices ==

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:41:12Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape? ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==

== Interaction practices ==

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:41:06Z

UE-InfoVis0607 0226388:

=Conversation Landscape=
== What is a Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

===Additional Information: What is Loom?===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== Visual Mapping ==

== Interaction practices ==

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T16:37:14Z

UE-InfoVis0607 0226388:

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversations (users line) and read the postings (select horizontal bar). Single postings can be accessed on the history threads through a mouse-over effect.

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

==Loom==
=== Description ===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced setting traces the connection between sequential posts in a thread. It is also possible to visualise the content of the messages, for example the mood (angry, peaceful) in which it was written or the type (question or answer).

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T15:42:09Z

UE-InfoVis0607 0226388:

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole conversation landscape
* Navigation within the landscape
* Textual Search within the messages.
* Selection
* Dynamic querying
* Brushing

==Loom==
=== Description ===
Loom is a visualization tool for conversations and interqactions in usenet groups.
In the most basic setting of Loom dots represent individual postings. The more advanced settig traces the connection between sequential posts in a thread.

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T15:38:58Z

UE-InfoVis0607 0226388:

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|Conversation Landscape]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole Conversation Landscape
* Navigation within the Landscape
* Textual Search within the messages.
* Selection
* Dynamic Querying
* Brushing

==Loom==
=== Description ===
Loom is a visualization tool for Usenet groups.

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T15:33:29Z

UE-InfoVis0607 0226388:

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|archive]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole Conversation Landscape
* Navigation within the Landscape
* Textual Search within the messages.
* Selection
* Dynamic Querying
* Brushing

==Loom==
=== Description ===

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T15:32:51Z

UE-InfoVis0607 0226388: Interactions erweitert

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|archive]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).

====Use of Interactions====
* Highlighting of a thread. After focusing of an individual interaction history the thread along with the portions of othere threads that were within hearing range is highlighted.
* Zooming of the whole Conversation Landscape
* Navigation within the Landscape
* Textual Search within the messages.
* Dynamic Querying
* Brushing

==Loom==
=== Description ===

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique

2006-12-01T15:02:20Z

UE-InfoVis0607 0226388:

==Conversation Landscape ==
=== Chat Circles Description ===
*Technique for vizualising Chats.
Mainly to get an better overview of the social interactions taking place in the chat.

In ''text-based chats'' (z.B. IRC) presence is shown only when one is actively messanging thats why silence and absence can't be distinguished.

In ''graphical chat systems'' people ar presented by a figure in a pictorial space. Avatars can be pictures, drawings or icons that users choose to represent themselves. It is visible so long as one is connected to the system.

Chat Cirles is a graphical interface for synchronous communication.

=== Visual Mapping ===
*chat interface
Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.
The messages of this user appears in this circle.
The frequence of messages, who activ a user is, is shown this way, the circle gets bigger and brighter with every message and smaller and starts to fade within periodes of silence, but it is still visuable.
The different topics are shown as groups of circles, because the user cann only "hear" others in a range around the own position.

[[Image:Hearing1.jpg|thumb|groups of circles]]

*archive interface
Saving this movements over the time, you've got a visual communication history.
In the chat archive interface of chat circles, again color is used to identify users.

[[Image:Chatcircles.png|thumb|archive]]

=== Conversation Landscape ===
Conversation Landscapes are an interface to visualize the archive of Chat Cirles. In this 2D modell, chat user are arranged along the x axis and the y axis represent time.
The horizontal lines are postings, a longer line represents a longer posting.

=== Interaction ===

====User-Interaction====
The user can choose the color of his/her circle.
The user can move the own circle around. So identity is marked by color and position.

====Use of Interactions====
* Navigation
* Zooming
* Highlighting
* Dynamic Querying
* Selection
* Brushing

==Loom==
=== Description ===

== References ==

:[Donath et al., 1999] Donath, J., Karahalios, K., and Viegas, F.: Visualizing Conversation. In Proceedings of the 32nd Annual Hawaii International Conference on System Sciences (HICSS) - Volume 2, page 2023. IEEE Computer Society, 1999.http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/papers/ConversationLandscapes_VisualizeConv.pdf

:[Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circles Created at: 14, March 2000 . Retrieved at: Dezember 1, 2006. http://smg.media.mit.edu/papers/Viegas/ChatCircles/chat-circles_CHI.html.

Teaching talk:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 2

2006-11-13T21:46:41Z

UE-InfoVis0607 0226388:

werde mich heute um eine verbesserte grafik kümmern, hab schon eine gute idee dafür.
[[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]]

noch was hab ich grad entdeckt: die grafik ist falsch! alle werte des zeitraumes 75-99 ergeben zusammen addiert 151 und nicht 171. kann das wer außer mir nochmal nachzählen und mich bestätigen oder widerlegen?
[[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]] 19:34, 12 November 2006 (CET)

ich komm auf 160.[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

wie geht das? ich habe 1+10+16+23+36+65=151. [[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]]

hatte 18 statt 10, deins passt.[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

== Verbesserte Grafik ==

danke.

eine frage: was ist uns wichtiger? dass die verschlechterungen in den einzelnen gebiete damals/heute vergleichen und der vergleich der gesamtsumme ein bissl weniger betont da steht, oder dass wir die gesamtsummen im vordergrund stehen haben, wodurch es schwerer wird, die entwicklungen in den einzelnen regionen zu vergleichen? [[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]]

ich bin dafür, dass der regionenvergleich wichtig ist und nicht der gesamtvergleich. wie kommt ihr auf 269, ich hab da 7 + 22 + 25 + 40 + 50 + 116 = 260??? [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

es sind 49 im east pacific und nicht 40!

jo, das hab ich mir zurest auch gedacht,aber dann verworfen weil die zahlen einfach so extrem schlecht zu lesen sind.
Wegen der Grafik - meine erste Idee wäre einfachein Balkendiagramm: Pro Ort ein Balken, in dem dann noch eine Linie ist für das Vorjahr. [[User:UE-InfoVis0607 0325237|UE-InfoVis0607 0325237]]

also ich sehe zwei möglichkeiten das sinnvoll und simpel darzustellen:

variante 1: wie nici (0325237) geschrieben hat, 6 balken wobei jeder balken den vorgängerwert in entweder einem extrabalken dahinter (wie bei einem wahlergebnis, siehe [http://de.wikipedia.org/wiki/Bild:Nationalratswahl_2006_österreich.svg hier]), oder mittels linie drinnen hat.

variante 2: zwei balkendiagramme (für beide zeiträume) nebeneinander, wobei die balken jeweils eine zusammensetzung aus den 6 gebieten sind. zusätzlich so eine verbindungslinie damit man die steigerung der einzelnen gebiete sieht. ich bevorzuge dieses diagramm und werd mal einen entwurf posten.

[[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]] 22:47, 12 November 2006 (CET)

klingt auch gut, nur befürchte ich, dass das dann wieder zu kompliziert wird - dass man nicht gleich sieht was gemeint ist .... mal schaun [[User:UE-InfoVis0607 0325237|UE-InfoVis0607 0325237]]

so hab jetzt mal 3 bilder für euch. bin natürlich offen für jegliche verbesserungsvorschläge.

[[Image:Verbessert1a.jpg]]
[[Image:Verbessert1b.jpg]]
[[Image:Verbessert2.jpg]]

Mir gefallen alle drei gut, trotzdem ein paar punkte:

die unterschiedlichen farbschattierungen in der gleichen datenebene (northern indian, southwest, pacific, usw.) führen glaub ich zu unterschiedlich gewichteten daten, da es von der farbsättigung her aber ziemlich ähnliche farben sind, ist das kein allzu großes problem. trotzdem würd ich vorschlagen, nur eine farbe zu verwenden.

beim ersten vorschlag sehe ich den vergleich der jahre nicht heraus, und das denke ich ist doch sehr wichtig.

das zweite gefällt mir am besten, vielleicht aber auch nur weil ichs mir auch so vorgestellt habe :)

beim dritten kommt der gesamtvergleich wunderbar heraus, allerdings finde ich es für die repräsentation der daten besser, wenn die einzelnen gebiete direkt miteinander verglichen werden. allerdings wurde bei der orginalgrafik auch viel wert auf den gesamtvergleich gelegt.
ich kann halt mit diesem typ grafik nichts anfangen - vor allem auch nicht in zeitungen und im "echten leben"

aber schön sind sie alle drei :) [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

noch eine anmerkung zu variante zwei: ich denke, die beschriftung der einzelnen regionen sollte direkt auf der x-achse passieren, und die legende sollte die zeiträume beschreiben. dh. mit zwei verschiedenen farben (hell/dunkel) für die zeiträume 75-89 und 90-04.
somit wäre die gesamtfarbenanzahl auf 2 minimiert. und diese beiden sollten meiner meinung nach nur helle und dunkle variation einer farbe sein, zb. dunkel/hellblau [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

mir gefällt die dritte am besten, bei den ersten beiden fehlt mir die klar ersichtliche zeitraumaufteilung.
mit den im vorigen post beschriebenen änderungen wär das zweite auch gut. ist glaub ich eine geschmackssache ob einzel- od. gesamtvergleich höher gewichtet werden.[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

Mir gefallen auch alle drei. hui. Ich wäre fast dafür zwei Verbesserungen der Grafik zu nehmen und das ganauso auch hinzuschreiben. Also das je nach dem was man damit zeigen will, die andere Darstellung besser geeignet ist.

Oder wir gehen jetzt her undn schauen uns die verschiedenen Faktoren an und argumentieren mit denen wieso eine der beiden ev. doch besser ist, aber ...

und eins noch: ja legenden sind nicht so gut
[[User:UE-InfoVis0607 0325237|UE-InfoVis0607 0325237]]

grafik v3:
[[Image:Verbessert3.jpg|200px]]
[[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]] 17:38, 13 November 2006 (CET)

ja warum nicht, nehmen wir beide.
kurz zum text:"The size of the effect in data is 5,7% and the effect in the graphic about 1,55%, which results a high Lie Factor of 2,97."was genau mit diesem satz gemeint? den sollten wir anders formulieren.[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

naja, lie factor berechent sich aus dem "effect in data" und "effect in graphic". bitte gerne anders formulieren.

bin auch für beide [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

wenn ich den lie-factor ausrechne komm ich auf 68% für effect in data und ca. 60% effect in graphic. also ziemlich genau 1 beim lie-factor.is also wahrscheinlich nur eine optische täuschung das das rechte so viel grösser wirkt.[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

hmm, ich bin mir nicht sicher ob meins stimmt. aber ich schreib mal trotzdem wie ich auf das ergebnis komme. habs in photoshop riengehaut und geschaut um wieviel ich das eine vergrößern muss damit ich zum anderen komme ->1,55. und der andere wert: 269-171/171 [[User:UE-InfoVis0607 0325237|UE-InfoVis0607 0325237]]

dann wäre effect in graphic 55% und effect in data 57%, weil 1,55 mal grösser bedeutet um 55% grösser.
einverstanden? ich werds mal ausbessern,ok.
[[User:UE-InfoVis0607 0026116|UE-InfoVis0607 0026116]]

passt. :) [[User:UE-InfoVis0607 0325237|UE-InfoVis0607 0325237]]

bin der meinung dass das kapitel Visual Clutter nicht notwendig ist, habs mal rausgetan. [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

== Lie-Factor Berechnung ==

Hallo - hab eure interessante Diskussion bezüglich Lie-Factor gelesen und wollte noch zwei Dinge zu bedenken geben:
#'''3D:''' Bei eurer Grafik sind die Daten eigentlich in 3D dargestellt. Somit müsste der "effect in graphic" also nicht blos aus dem Vergleich der Flächen zueinander, sondern einem Vergleich des Volumens berechnet werden.
#'''Raumtiefe:''' Zu obigem Punkt kommt noch hinzu, dass die Darstellung auch Raumtiefe enthält (siehe Gitternetz am Boden) und Objekte mit zunehmender räumlicher Tiefe zum Betrachter absolut gesehen kleiner sind als gleichgroße Objekte, die näher sind.

-- [[User:Iwolf|Wolfgang Aigner]] 14:44, 13 November 2006 (CET)

== Nochmal zu den Grafiken ==

ich muss noch eure meinung zu zwei weiteren wichtigen dingen wissen:

#'''grafik 1:''' soll die legende noch nach links ''in'' die grafik hinein? unter der überschrift wäre noch platz.

hm, würde die grafik schon kompakter machen. wenn es nicht zu dicht gedrängt aussieht, kannst dus noch reintun. wenn du dich nicht entscheiden kannst wirf eine münze :) [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

#'''grafik 2:''' wollen wir hier auch noch eine überschrift haben? wenn ja, welche?

ja, bin schon dafür. damit die grafik selbst eine einheit bildet. du könntest ja einen titel wie "Increase of Category 4-5 hurricanes" oder so was schreiben. [[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

sehr gute idee! viel kürzer und prägnanter als das was ich hatte. gracias [[User:UE-InfoVis0607 0325529|UE-InfoVis0607 0325529]]

bitte dringend um response.

ich bitte euch zu folgendem punkt noch gedanken zu machen. ich denke, dass der so stimmt, aber vielleicht gibs andere meinungen:
Because of the 3d-effect in the graphic the object in the background would be much more bigger in the foreground. Unfortunately the 3d-effect doesn't really come out at first sight and so the viewer compares the object directly.[[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

ja und ein weiterer vorschlag: wir könnten in die überschrift der ersten grafik auch das "Increase" reinbringen, weil das ja die kernaussage der grafik ist.[[User:UE-InfoVis0607 0226388|UE-InfoVis0607 0226388]]

Teaching talk:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 2

2006-11-13T21:44:56Z

UE-InfoVis0607 0226388:

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

2006-11-13T21:37:44Z

UE-InfoVis0607 0226388: großbuchstaben bei satzanfängen

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
* '''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
* Because of the 3d-effect in the graphic the object in the background would be much more bigger in the foreground. Unfortunately the 3d-effect doesn't really come out at first sight and so the viewer compares the object directly.
* The numbers are not readable and the lines between the numbers are very irritating and confusing.
* As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
* a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
* A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
* The white lines forming squares (left) do not contain additional information.
* The background color has no additional information.
* It's not necessary to write "CAT. 4-5 Hurricanes" twice.
* In this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
* The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
* The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
* In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
* The text "bigger, faster, stronger, more" is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.

=== Design ===
* The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
* Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
* Although the data is about hurricans it doesn't suggets to use the shape of a hurrican in the graphic. It's better to use a horizontal graphic about 50% wider than tall.

* The type is not very clear or modest.
* The word "category" is not spelt out.

* The data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(151) shown in the same graphic.
* Some text in the graphic is written in uppercase only letters. That's difficult to read.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of category 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of category 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.
* Text in upper-and lowercase. We didn't use a serif font because on a computer screen a font without serifs is easier to read.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

Teaching talk:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 2

2006-11-13T20:58:02Z

UE-InfoVis0607 0226388:

Teaching talk:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 2

2006-11-13T20:56:56Z

UE-InfoVis0607 0226388:

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

2006-11-13T20:53:11Z

UE-InfoVis0607 0226388:

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
* '''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
* Because of the 3d-effect in the graphic the object in the background would be much more bigger in the foreground. Unfortunately the 3d-effect doesn't really come out at first sight and so the viewer compares the object directly.
* the numbers are not readable and the lines between the numbers are very irritating and confusing.
* As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
* a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
* A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
* The white lines forming squares (left) do not contain additional information.
* the background color has no additional information.
* It's not necessary to write "CAT. 4-5 Hurricanes" twice.
* in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
* The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
* The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
* In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
* The text "bigger, faster, stronger, more" is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.

=== Design ===
* The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
* Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
* Although the data is about hurricans it doesn't suggets to use the shape of a hurrican in the graphic. It's better to use a horizontal graphic about 50% wider than tall.

* The type is not very clear or modest.
* The word "category" is not spelt out.

* The data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.
* Some text in the graphic is written in uppercase only letters. That's difficult to read.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.
* Text in upper-and lowercase. We didn't use a serif font because on a computer screen a font without serifs is easier to read.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

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

2006-11-13T20:03:55Z

UE-InfoVis0607 0226388: 3d-effect der beiden objekte - bitte sagen ob euch das so passt!

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
* '''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
* Because of the 3d-effect in the graphic the object in the background would be much more bigger in the foreground. Unfortunately the 3d-effect doesn't really come out so at first sight and so the viewer compares the object directly.
* the numbers are not readable and the lines between the numbers are very irritating and confusing.
* As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
* a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
* A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
* The white lines forming squares (left) do not contain additional information.
* the background color has no additional information.
* It's not necessary to write "CAT. 4-5 Hurricanes" twice.
* in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
* The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
* The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
* In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
* The text "bigger, faster, stronger, more" is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.

=== Design ===
* The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
* Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
* Although the data is about hurricans it doesn't suggets to use the shape of a hurrican in the graphic. It's better to use a horizontal graphic about 50% wider than tall.

* The type is not very clear or modest.
* The word "category" is not spelt out.

* The data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.
* Some text in the graphic is written in uppercase only letters. That's difficult to read.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.
* Text in upper-and lowercase. We didn't use a serif font because on a computer screen a font without serifs is easier to read.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

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

2006-11-13T19:47:20Z

UE-InfoVis0607 0226388:

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
* '''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
* the numbers are not readable and the lines between the numbers are very irritating and confusing.
* As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
* a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
* A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
* The white lines forming squares (left) do not contain additional information.
* the background color has no additional information.
* It's not necessary to write "CAT. 4-5 Hurricanes" twice.
* in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
* The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
* The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
* In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
* The text "bigger, faster, stronger, more" is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.

=== Design ===
* The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
* Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
* Although the data is about hurricans it doesn't suggets to use the shape of a hurrican in the graphic. It's better to use a horizontal graphic about 50% wider than tall.

* The type is not very clear or modest.
* The word "category" is not spelt out.

* The data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.
* Some text in the graphic is written in uppercase only letters. That's difficult to read.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.
* Text in upper-and lowercase. We didn't use a serif font because on a computer screen a font without serifs is easier to read.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

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

2006-11-13T19:46:53Z

UE-InfoVis0607 0226388: fonts

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
* '''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
* the numbers are not readable and the lines between the numbers are very irritating and confusing.
* As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
* a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
* A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
* The white lines forming squares (left) do not contain additional information.
* the background color has no additional information.
* It's not necessary to write "CAT. 4-5 Hurricanes" twice.
* in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
* The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
* The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
* In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
* The text "bigger, faster, stronger, more" is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.

=== Design ===
* The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
* Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
* Although the data is about hurricans it doesn't suggets to use the shape of a hurrican in the graphic. It's better to use a horizontal graphic about 50% wider than tall.

* The type is not very clear or modest.
* The word "category" is not spelt out.

* The data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.
* Some text in the graphic is written in only uppercase letters. That's difficult to read.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.
* Text in upper-and lowercase. We didn't use a serif font because on a computer screen a font without serifs is easier to read.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

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

2006-11-13T19:29:59Z

UE-InfoVis0607 0226388: quellen

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
*'''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
*the numbers are not readable and the lines between the numbers are very irritating and confusing.
*As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
*a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
*A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
*The white lines forming squares (left) do not contain additional information.
*the background color has no additional information.
*It's not necessary to write "CAT. 4-5 Hurricanes" twice.
*in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
*The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
*The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
*In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.

=== Design ===
*The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
*Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
*The word "category" is not spelt out.
*the data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

[Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920

[Tufte, 1999] Edward R. Tufte: The Visual Display of Quantitative Information, Stanford University, Jan. 26, 1999, http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html

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

2006-11-13T19:04:46Z

UE-InfoVis0607 0226388: Bildbeschreibung

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
*'''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
*the numbers are not readable and the lines between the numbers are very irritating and confusing.
*As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
*a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
*A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
*The white lines forming squares (left) do not contain additional information.
*the background color has no additional information.
*It's not necessary to write "CAT. 4-5 Hurricanes" twice.
*in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
*The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
*The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.
*In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.

=== Design ===
*The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
*Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
*The word "category" is not spelt out.
*the data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|left|thumb|400px|none|Bigger, Faster, Stronger, More ... comparision of catergory 4-5 hurricans in different world regions 1975-1989 and 1990-2004]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

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

2006-11-13T19:03:12Z

UE-InfoVis0607 0226388: Bildbeschreibung (vorigen drei war übrigens auch ich)

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
*'''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
*the numbers are not readable and the lines between the numbers are very irritating and confusing.
*As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
*a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
*A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
*The white lines forming squares (left) do not contain additional information.
*the background color has no additional information.
*It's not necessary to write "CAT. 4-5 Hurricanes" twice.
*in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
*The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.

=== Design ===
*The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
*Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
*In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
*The word "category" is not spelt out.
*the data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|left|thumb|400px|none|Improved V.1]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|400px]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

User:UE-InfoVis0607 0226388

2006-11-13T18:52:46Z

UE-InfoVis0607 0226388:

== Personendaten ==

{|
|-
|'''Name''':
|Matteo Savio
|-
|'''Matrikelnummer''':
|0226388
|-
|'''Studienkennzahl''':
|535
|-
|'''E-Mail''':
|e0226388 (at) student.tuwien.ac.at
|}

== Gruppenseite ==

[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]

== Links ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07|InfoVis:Wiki UE Homepage]]

* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/index.html UE InfoVis]

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

2006-11-13T18:51:18Z

UE-InfoVis0607 0226388:

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
*'''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
*the numbers are not readable and the lines between the numbers are very irritating and confusing.
*As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
*a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
*A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
*The white lines forming squares (left) do not contain additional information.
*the background color has no additional information.
*It's not necessary to write "CAT. 4-5 Hurricanes" twice.
*in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
*The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.

=== Design ===
*The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
*Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
*In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
*The word "category" is not spelt out.
*the data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the comparability of the values in the different world regions and the second on the comparability of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|400px]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|400px]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

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

2006-11-13T18:49:49Z

UE-InfoVis0607 0226388:

== Poor Graphic ==

[[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]

==Arguments why it is a poor Graphic==

===Principles of Graphical Integrity===
*'''Lie Factor''': The right graphic seems do be much larger then the left. It should be only 1,5 times larger then the other one based on the data. The size of the effect in data is ca.57% and the effect in the graphic about 55%, which results a high Lie Factor of nearly 1.The Lie Factor should have a value between 0.95 and 1.05. [Friendly, 2005], so my impression of the two graphs seems to be an optical illusion. Conclusion: Don't use graphform which tend to give the viewers wrong impressions of size differences.
*the numbers are not readable and the lines between the numbers are very irritating and confusing.
*As well is the colour gradient. The gradient goes in the smaler "3D Hurricane" from blue to black and in the bigger one reverse.
*a pseudo 3-dimensional graphic is used to show 1-dimensional data

===Data-Ink Ratio===
This graph has a low Data-Ink Ratio. To maximise the data-ink ratio we have to reduce the non-data ink and enhance the data ink.

'''How much of the ink could be removed without loss of information?'''
*A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.
*The white lines forming squares (left) do not contain additional information.
*the background color has no additional information.
*It's not necessary to write "CAT. 4-5 Hurricanes" twice.
*in this case you could remove the numbers for the region, because they are unreadable.

'''Missing ink'''
*The ink doesn't change as the data changes.

===Data Density===
The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.
* The graphic is very big and should be shrunk way down.
* The "3D Hurricanes" take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.
* divide the regions in seperate

===Chartjunk===
The white grid and the shadow in the background is used to imitate a 3d-effect. The 3d-effect is not needed in this graphic and so the grid should be junked.

=== Design ===
*The graphic isn't very comparative. The smaler "3D Hurricane" appears to be just farther behind in time and position.
*Graphical elegance is often found in simplicity of design and complexity of data, but in this graphic the graphical design is more complex than the visualised data.
*In the text a reason for increased hurricans is mentioned, but in the shown data is no evidence for that, because there is no related data.
*The word "category" is not spelt out.
*the data is wrong, the sum of the hurricans(171) as shown in the left graphic does not equal the summed up hurricans from the regions(160) shown in the same graphic.

==Improved Graphic==

We made two improved graphics, the difference between them is that the first focuses on the increase of the values in the world regions and the second on the imcrease of the entire number of hurricanes.

=== First improved graphic: Focus on the different world regions ===

[[Image:Verbessert3.jpg|400px]]

=== Second improved graphic: Focus on the whole numbers of hurricanes ===

[[Image:Verbessert2.jpg|400px]]

==Description of Improvements==

* Use of a 2-dimensional graph instead of a pseudo-3d graph
* Dividing the regions into seperate values.
* Use of different colors in the comparision between the entire number of hurricanes.

== References ==
[Friendly, 2005] Michael Friendly, The Lie Factor, Department of Mathematics and Statistics, Toronto, Last updated: February 23, 2002, Retrieved at: Nov 17, 2006, http://www.math.yorku.ca/SCS/Gallery/lie-factor.html

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

2006-11-13T18:49:00Z

UE-InfoVis0607 0226388:

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

2006-11-13T18:44:36Z

UE-InfoVis0607 0226388:

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

2006-11-13T18:44:23Z

UE-InfoVis0607 0226388:

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

2006-11-13T18:44:10Z

UE-InfoVis0607 0226388:

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

2006-11-13T18:39:24Z

UE-InfoVis0607 0226388: