https://infovis-wiki.net/w/api.php?action=feedcontributions&feedformat=atom&user=UE-InfoVis0607+0325237 2026-06-06T13:50:58Z User contributions MediaWiki 1.45.3 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12249 2006-12-18T21:43:26Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname: conversation landscape<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Classes<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> It is the main entry class for the project.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> We did not use any special libraries or toolkits<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12248 2006-12-18T21:43:00Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Classes<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> It is the main entry class for the project.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> We did not use any special libraries or toolkits<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12247 2006-12-18T21:41:44Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Classes<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> It is the main entry class for the project.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> We did not use any special libraries or toolkits<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12246 2006-12-18T21:41:34Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> It is the main entry class for the project.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> We did not use any special libraries or toolkits<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12245 2006-12-18T21:38:47Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> It is the main entry class for the project.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12244 2006-12-18T21:36:06Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter''' calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12243 2006-12-18T21:34:01Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> 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.<br /> <br /> '''LineFilter'''calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12242 2006-12-18T21:29:18Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> 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. <br /> The Text is rendered in a LabelRenderer, fot the Lines we created our own LineRenderer and the Axis has the AxisRenderer.<br /> <br /> '''LineFilter'''calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12241 2006-12-18T21:04:56Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . It loads the chatprotocoll into a table and adds the ConversationLandscapes.<br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> '''ConversationLandscape''' <br /> <br /> '''LineFilter'''calculates the connection between the items.<br /> <br /> '''LineLayout''' calculates the lines between the items (performed at each update).<br /> <br /> '''LineRenderer''' draws the lines.<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12240 2006-12-18T21:00:15Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main Class''' initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . <br /> <br /> <br /> '''SourceChooser Class''' contains the visual and functional components to choose a file.<br /> <br /> <br /> '''ConversationLandscape'''<br /> <br /> '''LineFilter'''<br /> <br /> '''LineLayout'''<br /> <br /> '''LineRenderer'''<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12239 2006-12-18T20:58:01Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main'''<br /> It initialises and updates the JFrame, containing the Source Chooser, the Visualisation, ... . <br /> <br /> '''SourceChooser'''<br /> <br /> '''ConversationLandscape'''<br /> <br /> '''LineFilter'''<br /> <br /> '''LineLayout'''<br /> <br /> '''LineRenderer'''<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12238 2006-12-18T20:46:37Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Klassen<br /> <br /> '''Main'''<br /> '''SourceChooser'''<br /> '''ConversationLandscape'''<br /> '''LineFilter'''<br /> '''LineLayout'''<br /> '''LineRenderer'''<br /> <br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12237 2006-12-18T20:37:42Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors: [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03|Gruppe 03 (Kopfer, Weber, Brosch, Savio)]]<br /> <br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12236 2006-12-18T20:36:54Z

<p>UE-InfoVis0607 0325237: example data</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors:<br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Example Data<br /> &lt;pre&gt;<br /> Time Person Text<br /> <br /> 20 Mikie Weiter so weiter so die nächste Tür kommt<br /> 21 Monster Hol mir schnell die nächste Tür<br /> 22 Chef Na, was gibt es heute für eine Schrekensbilanz? <br /> 24 Monster Das Kind wollte mich anfassen, es war so nah drann!<br /> 25 Chef Du könntest fast tot sein! Und schon wieder ist eine Tür weg.<br /> 26 Mikie huch<br /> 27 Monster Wenn in 5 Sekunden keine neue Tür da ist, zeig ich dir wie ein Türvernichter von innen aussieht.<br /> 28 Mikie Kontaminationsalarm!!<br /> 29 Chef Kontaminationsalarm, AHHHHHHH!!!<br /> 30 Monster AHHH, ein Kind, ein Kind AHHH!<br /> 31 Mikie Gefahr beseitigt, das war ganz schön knapp<br /> 32 Chef Okay, halbe Stunde Pause<br /> 33 Mikie Juchu<br /> 34 Monster Essen fasssen!<br /> 35 Mikie Ich hasse Kontaminierung<br /> 36 Monster Ich auch<br /> 37 Chef Noch mehr Kontaminierung und ich gehe in Konkurs<br /> 38 Monster Die Kinder heutzutage haben keine Angst mehr<br /> 39 Mikie mhm<br /> 40 Chef Früher war alles besser<br /> 41 Mikie jajaja, die guten alten Zeiten<br /> 50 Chef AN DIE ARBEIT DIE PAUSE IST VORBEI!<br /> 51 Mikie nageh, ich mag pause.<br /> 52 Monster Ich tirnk noch schnell aus<br /> 53 Chef Nö!<br /> 54 Monster doch<br /> 55 Mikie Ich trink auf dem weg zurück<br /> 56 Monster ok<br /> 57 Chef nagut<br /> 58 Mikie Manchmal bin ich so romantisch dass ich mich selbst heiraten will<br /> 59 Monster Laberlaberblah<br /> 60 Mikie Ich hab vergessen meine berichte abzugeben<br /> 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<br /> 62 Mikie ok<br /> 63 Chef ahhhhhhhhh, ein kind!<br /> 63 Kind Laberlaberblah<br /> 64 Monster AHHHHHH<br /> 64 Glubsch AHHHHHHHHHHHH!!! KINND!<br /> 64 Mikie AHH! HILFE! Kontamination!<br /> 65 Kind Sabbersabberblah<br /> 66 Kind Laberkinderpsracheblubpingpongdingsi<br /> 67 Mikie quieetsch!<br /> &lt;/pre&gt;<br /> <br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12235 2006-12-18T20:33:31Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors:<br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. You can choose a file with a chat protokoll (&quot;choose file ...&quot;) and add it, to get the visualisation of another gorup.<br /> <br /> 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12234 2006-12-18T20:30:54Z

<p>UE-InfoVis0607 0325237: </p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors:<br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12233 2006-12-18T20:01:56Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors:<br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Prototype_-Documentation&diff=12232 2006-12-18T20:01:44Z

<p>UE-InfoVis0607 0325237: /* Documentation */</p> <hr /> <div>===Documentation===<br /> Projectname:<br /> <br /> <br /> authors:<br /> *Taskdescription<br /> Our task was to implement a prototype of a conversation landscape visualisation.<br /> <br /> Conversation Landscapes are a method to visualize archives of Chats. 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.<br /> <br /> 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. <br /> <br /> *Implementation<br /> *Screenshot<br /> [[Image:Image:Screenshot1.png]]<br /> *Used Toolkits bzw. Libraries<br /> *Links to further documentations<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=File:Screenshot1.png&diff=12231 2006-12-18T20:01:11Z

<p>UE-InfoVis0607 0325237: prototype of a conversation landscape visualisation</p> <hr /> <div>== Summary ==<br /> prototype of a conversation landscape visualisation<br /> == Copyright status ==<br /> <br /> == Source ==</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3&diff=12212 2006-12-18T09:26:23Z

<p>UE-InfoVis0607 0325237: /* Aufgabe 3 */</p> <hr /> <div>=== Aufgabe 3 ===<br /> *'''[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Technique|Technique]]'''<br /> *'''[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 03 - Aufgabe 3 - Prototype|Prototype]]'''</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11962 2006-12-01T15:44:14Z

<p>UE-InfoVis0607 0325237: /* User-Interaction */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Circles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|Conversation Landscape]]<br /> <br /> === Conversation Landscape ===<br /> 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.<br /> The horizontal lines are postings, a longer line represents a longer posting.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> 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.<br /> <br /> ====Use of Interactions====<br /> * 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.<br /> * Zooming of the whole conversation landscape<br /> * Navigation within the landscape<br /> * Textual Search within the messages.<br /> * Selection<br /> * Dynamic querying<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> Loom is a visualization tool for conversations and interqactions in usenet groups.<br /> In the most basic setting of Loom dots represent individual postings. The more advanced settig traces the connection between sequential posts in a thread.<br /> <br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11959 2006-12-01T15:38:11Z

<p>UE-InfoVis0607 0325237: /* Description */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Circles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Conversation Landscape ===<br /> 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.<br /> The horizontal lines are postings, a longer line represents a longer posting.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).<br /> <br /> ====Use of Interactions====<br /> * 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.<br /> * Zooming of the whole Conversation Landscape<br /> * Navigation within the Landscape<br /> * Textual Search within the messages.<br /> * Selection<br /> * Dynamic Querying<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> Loom is a visualization tool for Usenet groups.<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11956 2006-12-01T15:32:19Z

<p>UE-InfoVis0607 0325237: /* User-Interaction */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Circles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Conversation Landscape ===<br /> 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.<br /> The horizontal lines are postings, a longer line represents a longer posting.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> In Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11955 2006-12-01T15:31:01Z

<p>UE-InfoVis0607 0325237: /* User-Interaction */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Circles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Conversation Landscape ===<br /> 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.<br /> The horizontal lines are postings, a longer line represents a longer posting.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> In the Conversation Landscape users can interact with the visualisation to see individual conversatons (users line) and read the postings (select horizontal bar).<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11952 2006-12-01T14:59:27Z

<p>UE-InfoVis0607 0325237: /* Conversation Landscape */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Conversation Landscape ===<br /> 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.<br /> The horizontal lines are postings, a longer line represents a longer posting.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11951 2006-12-01T14:56:47Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Conversation Landscape ===<br /> Conversation Landscapes are a an interface to visualize the archive of Chat Cirles.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11950 2006-12-01T14:55:27Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|groups of circles]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb|archive]]<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11949 2006-12-01T14:54:43Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png|thumb]]<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11948 2006-12-01T14:54:24Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> [[Image:Chatcircles.png]]<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=File:Chatcircles.png&diff=11947 2006-12-01T14:53:51Z

<p>UE-InfoVis0607 0325237: The graphical interface to the Chat Circles archives. Vertical lines show the activity of one participant Horizontal lines are postings. Highlighting shows who was within hearing range of the selected participant at any given time. [Donath et al., 1</p> <hr /> <div>== Summary ==<br /> The graphical interface to the Chat Circles archives. <br /> Vertical lines show the activity of one participant<br /> Horizontal lines are postings. <br /> Highlighting shows who was within hearing range of the selected participant at any given time. <br /> <br /> <br /> <br /> [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<br /> == Copyright status ==<br /> <br /> == Source ==</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11946 2006-12-01T14:45:07Z

<p>UE-InfoVis0607 0325237: /* User-Interaction */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around. So identity is marked by color and position.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11945 2006-12-01T14:40:22Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11944 2006-12-01T14:40:03Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg|thumb|Chat Circles|200px]] <br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11943 2006-12-01T14:38:14Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> [[Image:Hearing1.jpg]]<br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=File:Hearing1.jpg&diff=11942 2006-12-01T14:37:41Z

<p>UE-InfoVis0607 0325237: Location becomes meaningful as users move their circles around the screen; clusters of activity are immediately apparent. The local user&#039;s own circle appears outlined in white. [Fernanda et al., 2002] Fernanda B. Viégas and Judith S. Donath.: Chat Circl</p> <hr /> <div>== Summary ==<br /> Location becomes meaningful as users move their circles around the screen; clusters of activity are immediately apparent. The local user's own circle appears outlined in white.<br /> <br /> [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.<br /> == Copyright status ==<br /> <br /> == Source ==</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11941 2006-12-01T14:35:21Z

<p>UE-InfoVis0607 0325237: /* References */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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<br /> <br /> :[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.</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11940 2006-12-01T14:03:27Z

<p>UE-InfoVis0607 0325237: /* Chat Cirles Description */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> 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.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11939 2006-12-01T13:58:57Z

<p>UE-InfoVis0607 0325237: /* User-Interaction */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> In ''graphical chat systems'' people ar presented by a figure in a pictorial space. It is visible so long as one is connected to the system.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> The user can choose the color of his/her circle.<br /> The user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11938 2006-12-01T13:58:23Z

<p>UE-InfoVis0607 0325237: /* Visual Mapping */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> In ''graphical chat systems'' people ar presented by a figure in a pictorial space. It is visible so long as one is connected to the system.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> Every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> The messages of this user appears in this circle.<br /> 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.<br /> The different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> Saving this movements over the time, you've got a visual communication history.<br /> In the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> the user can choose the color of his/her circle.<br /> the user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11937 2006-12-01T13:57:13Z

<p>UE-InfoVis0607 0325237: /* Chat Cirles Description */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> In ''graphical chat systems'' people ar presented by a figure in a pictorial space. It is visible so long as one is connected to the system.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> the messages of this user appears in this circle.<br /> 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.<br /> the different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> in the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> the user can choose the color of his/her circle.<br /> the user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11936 2006-12-01T13:56:25Z

<p>UE-InfoVis0607 0325237: /* Chat Cirles Description */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> <br /> 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.<br /> <br /> In ''graphical chat systems'' people ar presented by a figure in a pictorial space. It is visible so long as one is connected to the system.<br /> <br /> Chat Cirles is a graphical interface for synchronous communication. People, which are connected to the chat, are represented by a circle on the chat-screen. The circles get bigger and grow in brighten if the person represented by it, writes a message. If the user doesn't write messages it fades and diminish. <br /> You can move your circle in the screen, to &quot;hear&quot; what the people close to you say.<br /> Saving this movements over the time, you've got a visual communication history.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> the messages of this user appears in this circle.<br /> 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.<br /> the different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> in the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> the user can choose the color of his/her circle.<br /> the user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_3_-_Technique&diff=11935 2006-12-01T13:49:36Z

<p>UE-InfoVis0607 0325237: /* Chat Cirles Description */</p> <hr /> <div>==Conversation Landscape ==<br /> === Chat Cirles Description ===<br /> *Technique for vizualising Chats. <br /> Mainly to get an better overview of the social interactions taking place in the chat.<br /> 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.<br /> In ''graphical chat systems'' people ar presented by a figure in a pictorial space. It is visible so long as one is connected to the system.<br /> <br /> === Visual Mapping ===<br /> *chat interface<br /> every person who is participating in the chat is represented with a coloured circle, the color is unique for each user.<br /> the messages of this user appears in this circle.<br /> 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.<br /> the different topics are shown as groups of circles, because the user cann only &quot;hear&quot; others in a range around the own position.<br /> <br /> *archive interface<br /> in the chat archive interface of chat circles, again color is used to identify users.<br /> <br /> === Interaction ===<br /> <br /> ====User-Interaction====<br /> the user can choose the color of his/her circle.<br /> the user can move the own circle around.<br /> <br /> ====Use of Interactions====<br /> * Navigation<br /> * Zooming<br /> * Highlighting<br /> * Dynamic Querying<br /> * Selection<br /> * Brushing<br /> <br /> ==Loom==<br /> === Description ===<br /> <br /> == References ==<br /> <br /> :[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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11570 2006-11-13T19:44:27Z

<p>UE-InfoVis0607 0325237: /* Design */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> *The text &quot;bigger, faster, stronger, more&quot; is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *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.<br /> <br /> *The type is not very clear or modest.<br /> *The word &quot;category&quot; is not spelt out.<br /> <br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[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]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[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]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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<br /> <br /> [Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11569 2006-11-13T19:39:11Z

<p>UE-InfoVis0607 0325237: /* Design */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> *The text &quot;bigger, faster, stronger, more&quot; is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *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.<br /> <br /> *The type is without serifs and not very clear or modest.<br /> *The word &quot;category&quot; is not spelt out.<br /> <br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[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]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[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]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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<br /> <br /> [Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11568 2006-11-13T19:36:32Z

<p>UE-InfoVis0607 0325237: /* Design */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> *The text &quot;bigger, faster, stronger, more&quot; is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> <br /> <br /> <br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[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]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[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]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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<br /> <br /> [Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11567 2006-11-13T19:35:25Z

<p>UE-InfoVis0607 0325237: /* Design */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> *The text &quot;bigger, faster, stronger, more&quot; is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[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]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[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]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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<br /> <br /> [Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11566 2006-11-13T19:31:29Z

<p>UE-InfoVis0607 0325237: /* Chartjunk */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> *The text &quot;bigger, faster, stronger, more&quot; is not necessary. The graphic shows (or should show) that there are more Hurricanes than in the last years.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[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]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[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]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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<br /> <br /> [Few, 2004] Stephen Few, Elegance Through Simplicity, intelligent enterprise, Oct. 16, 2004, http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920<br /> <br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11563 2006-11-13T19:04:20Z

<p>UE-InfoVis0607 0325237: /* Chartjunk */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> *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.<br /> *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.<br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[Image:Verbessert3.jpg|left|thumb|400px|none|Improved V.1]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[Image:Verbessert2.jpg|400px]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11562 2006-11-13T19:04:02Z

<p>UE-InfoVis0607 0325237: /* Design */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> 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.<br /> <br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> 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.<br /> <br /> === First improved graphic: Focus on the different world regions ===<br /> <br /> [[Image:Verbessert3.jpg|left|thumb|400px|none|Improved V.1]]<br /> <br /> === Second improved graphic: Focus on the whole numbers of hurricanes ===<br /> <br /> [[Image:Verbessert2.jpg|400px]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> * Dividing the regions into seperate values.<br /> * Use of different colors in the comparision between the entire number of hurricanes.<br /> <br /> == References ==<br /> [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</div>

UE-InfoVis0607 0325237 https://infovis-wiki.net/w/index.php?title=Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_03_-_Aufgabe_2&diff=11550 2006-11-13T18:40:03Z

<p>UE-InfoVis0607 0325237: /* ..... */</p> <hr /> <div>== Poor Graphic ==<br /> <br /> [[Image:Seed06storms.jpg|none|thumb|600px|none|State of the Planet - Bigger, Faster, Stronger, More]]<br /> <br /> ==Arguments why it is a poor Graphic==<br /> <br /> ===Principles of Graphical Integrity===<br /> *'''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.<br /> *the numbers are not readable and the lines between the numbers are very irritating and confusing.<br /> *As well is the colour gradient. The gradient goes in the smaler &quot;3D Hurricane&quot; from blue to black and in the bigger one reverse.<br /> *a pseudo 3-dimensional graphic is used to show 1-dimensional data<br /> <br /> ===Data-Ink Ratio===<br /> 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.<br /> <br /> <br /> '''How much of the ink could be removed without loss of information?'''<br /> *A large share of ink is used to show the pseudo 3-dimensional graphic and their shadows.<br /> *The white lines forming squares (left) do not contain additional information.<br /> *the background color has no additional information.<br /> *It's not necessary to write &quot;CAT. 4-5 Hurricanes&quot; twice.<br /> *in this case you could remove the numbers for the region, because they are unreadable.<br /> <br /> <br /> '''Missing ink'''<br /> *The ink doesn't change as the data changes.<br /> <br /> ===Data Density===<br /> The Data Density of this graphic is very low. We should maximise it and the size of the data matrix, within reason.<br /> * The graphic is very big and should be shrunk way down.<br /> * The &quot;3D Hurricanes&quot; take a lot of space. Its better to replace them with smaler representations of the data, e.g. bars.<br /> * divide the regions in seperate<br /> <br /> ===Chartjunk===<br /> 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.<br /> <br /> <br /> === Design ===<br /> *The graphic isn't very comparative. The smaler &quot;3D Hurricane&quot; appears to be just farther behind in time and position.<br /> *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.<br /> *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.<br /> *The word &quot;category&quot; is not spelt out.<br /> *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.<br /> <br /> ==Improved Graphic==<br /> <br /> [[Image:Verbessert3.jpg|200px]]<br /> <br /> ==Description of Improvements==<br /> <br /> * Use of a 2-dimensional graph instead of a pseudo-3d graph<br /> <br /> == References ==<br /> [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</div>

UE-InfoVis0607 0325237