InfoVis:Wiki - User contributions [en]

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

2006-11-13T08:02:25Z

UE-InfoVis0607 0325694: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

The first thing one will notice when looking at this diagramm is: The shark. 
The next things, that really catch ones eye are some graphical symbols on a "line" which seem to stand in a linear relationship. Then you see the horizontal axis, reading "More risk, less fear" on the left and "More fear, less risk" on the right, which is positioned at the middle of the graphic. 
Then finally you get to notice the "numbers" and the legend if you don't get distracted from the nearly unreadable article text in the upper left of the image.

Now we could finally go on and try to understand the message of the graphic. But instead of doing that we will stop for a moment and just evaluate the graphic from the design point.

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there a huge number of visual elements which not only aren't needed to display the data itself but instead even prevent/distract you from concentrating on the message of the graphic (e.g. the huge shark). They are completly dispensable as they add no info which isn't already given by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat disturbing. The axis is placed in the middle of the diagramm and suggesting a separation of the risk categorys in some way (e.g. into a negative/positive region).

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axis. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk. The risk decreases from left to right, which is what the axis says (and what we expect), but the risk categories are aranged in an ascending order. Which is slightly confusing as the expected ordering should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear; or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' Apart from the disturbing article text in the upper left, there are some comments (e.g. on missing values) directly on the graph which distract from the graphic's message, as you need to read them to check if they tell you something important, which they don't.

* '''Data density:''' Also here the graphic gets a pretty bad rating, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what just the improvement of the Data-Ink-Ratio can to do:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer"-data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categorys each with three types of information: odds of injury, odds of death and a "fear index", build on the "number of newspaper articles written last summer" about this risk category.

* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"
Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.

Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic is not true. We explored the values with different diagrams. A rising odds injury doesn't always cause a higher number of articels.
According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does, but we try to visualize the data in a new diagram. Because of the wide spread of the values, we had to use a logarithmic scale. We orderd the data by the number of articles. No connection to the other dimensions can be found. The only correlation that might exist is between the odds of injury and the odds of dying.

[[image:Aufgabe2Diagramm.png]]

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

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

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

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-13T07:59:00Z

UE-InfoVis0607 0325694: /* Better graphic */

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

The first thing one will notice when looking at this diagramm is: The shark. 
The next things, that really catch ones eye are some graphical symbols on a "line" which seem to stand in a linear relationship. Then you see the horizontal axis, reading "More risk, less fear" on the left and "More fear, less risk" on the right, which is positioned at the middle of the graphic. 
Then finally you get to notice the "numbers" and the legend if you don't get distracted from the nearly unreadable article text in the upper left of the image.

Now we could finally go on and try to understand the message of the graphic. But instead of doing that we will stop for a moment and just evaluate the graphic from the design point.

* '''Data-Ink-Ratio:''' This image has very bad Data-Ink-Ratio. As there a huge number of visual elements which not only aren't needed to display the data itself but instead even prevent/distract you from concentrating on the message of the graphic (e.g. the huge shark). They are completly dispensable as they add no info which isn't already given by the textual labels.

* '''Space:''' The image takes up a great amount of space but leaves entire regions of the graphic blank and so without use.

* '''Axis location:''' The location of the only axis in the diagram is somewhat disturbing. The axis is placed in the middle of the diagramm and suggesting a separation of the risk categorys in some way (e.g. into a negative/positive region).

* '''Axis units:''' There is no real way to tell the units and/or the ranges for the x- and y-axis. The only hint is the text on the arrow which reads "More risk, less fear" on the left and "More fear, less risk" on the right. Now you could think the data is ordered from left to right by increasing fear and decreasing risk. The risk decreases from left to right, which is what the axis says (and what we expect), but the risk categories are aranged in an ascending order. Which is slightly confusing as the expected ordering should be descending independently if the unit assignment is: x-axis:Amount of risk; y-axis:Amount of fear; or the other way around. So the reality is: The data is only ordered by the "odds of injury" and then simply placed on an ascending line implying a linear relationship.

* '''Text on graphic:''' Apart from the disturbing article text in the upper left, there are some comments (e.g. on missing values) directly on the graph which distract from the graphic's message, as you need to read them to check if they tell you something important, which they don't.

* '''Data density:''' Also here the graphic gets a pretty bad rating, as the amount of space (as stated above) used to show information about the dataset is in no relation to the number of elements in the set, which are only 13.

Only to show what just the improvement of the Data-Ink-Ratio can to do:
[[Image:Better_Data_Ink_Ratio_Ropeik_03_neverbitten.jpg|none|thumb|500px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

=== Detailed analysis of the data ===
The "The real risks of summer"-data in table form

{| class="wikitable" style="text-align:center" border="1"
! Risk !! Odds of injury1 !! Odds of dying !! Fear Index2
|-
! Skin cancer
| 1 in 200 || 1 in 29,500 || 102
|-
! Food poisoning
| 1 in 800 || 1 in 55,600 || 257
|-
! Bicycles
| 1 in 1,700 || 1 in 578,000 || 233
|-
! Lawn mowers
| 1 in 5300 || Not available || 53
|-
! Heat exposure
| Not available || 1 in 950,000 || 229
|-
! Children falling out of windows
| 1 in 12,800 || 1 in 2,400,000 || 89
|-
! Lyme disease
| 1 in 18,100 || Not available || 47
|-
! Fireworks
| 1 in 32,400 || 1 in 71,200,000 || 59
|-
! Amusement parks
| 1 in 34,800 || 1 in 72,300,000 || 101
|-
! Snake bites
| 1 in 41,300 || 1 in 19,300,000 || 109
|-
! Drowning (while boating)
| 1 in 64,500 || 1 in 400,900 || 1,688
|-
! West Nile virus
| 1 in 68,500 || 1 in 1,000,000 || 2,240
|-
! Shark attacks
| 1 in 6,000,000 || 1 in 578,000,000 || 276
|-
|}
[1]Full row text: Odds of injury requiring medical treatment 
[2]Fear index means: Number of newspaper articles written last summer about this risk

It shows us 13 risk categorys each with three types of information: odds of injury, odds of death and a "fear index", build on the "number of newspaper articles written last summer" about this risk category.

* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"
Das bitte mit Statistikwerten unterlegen. Es gibt zum Beispiel nur eine Korrelation von -0,147886423 zwischen Death und Artikeln. Einen Scatterplot davon mit Trendlinie.
Angeben das es manchmal eine Korrelation zwischen Odds und Artikeln besteht aber nicht immer. Und schon gar nicht so linear wie in der Graphik.

Insbesondere ohne die Outliers "Nile virus" und "drowning" sind die werte der artikel im bereich [53,276] also ziemlich flach und nicht linear ansteigend. Dann eine Graphik wie das ausschaut wenn mann korrekt X:A

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic is not true. We explored the values with different diagrams. A rising odds injury doesn't always cause a higher number of articels.
According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does, but we try to visualize the data in a new diagram. Because of the wide spread of the values, we had to use a logarithmic scale.

[[image:Aufgabe2Diagramm.png]]

As you can see, there is no clear correlation between the different dimensions.

== References ==

:[Few, 2004] Stephen Few, Intelligent Enterprise Magazine: Elegance through simplicity. Created at: October 16, 2004. Retrieved at: November 12, 2006. http://www.intelligententerprise.com/showArticle.jhtml;jsessionid=N2ATDQWY5VYKSQSNDBGCKHSCJUMEKJVN?articleID=49400920.

:[Mizuno et al., 1999] Yoko Mizuno, Tufte Design Principle Project. Created at: January 26, 1999. Retrieved at: November 12, 2006. http://ldt.stanford.edu/ldt1999/Students/mizuno/Portfolio/Work/reports/tufte/ed229c-tufte-outline.html.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

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

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

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

File:Aufgabe2Diagramm.png

2006-11-13T07:58:38Z

UE-InfoVis0607 0325694: Diagram with logarithmic scale, items orderd by number of articles

== Summary ==
Diagram with logarithmic scale, items orderd by number of articles
== Copyright status ==

== Source ==

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

2006-11-12T11:56:43Z

UE-InfoVis0607 0325694:

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|600px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

* Bad Data-Ink-Ratio, because of logos and text.
* The location of the only axis in the diagram is not making sense. It seems like the first six items are negative in any way.
* Order of items? What are the values for x- and y-axis?
* The shark-picture is dominant

=== Detailed analysis of the data ===
* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic is not true. We explored the values with different diagrams. A rising odds injury doesn't always cause a higher number of articels.
According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does, but we try to visualize the data in a new diagram. Because of the wide spread of the values, we had to use a logarithmic scale.

??? bitte bild hier einfügen ???

As you can see, there is no clear correlation between the different dimensions.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

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

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

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

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

2006-11-12T11:54:39Z

UE-InfoVis0607 0325694: Better graphic text++

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|600px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

* Bad Data-Ink-Ratio, because of logos and text.
* The location of the only axis in the diagram is not making sense. It seems like the first six items are negative in any way.
* Order of items? What are the values for x- and y-axis?
* The shark-picture is dominant

=== Detailed analysis of the data ===
* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"

== Better graphic ==
After taking a closer look at the data, we found out that the main message of the original graphic is not true. We explored the values with different diagrams. A rising odds injury doesn't always cause a higher number of articels.
According to this conclusion we can not show the "fear-risk-ratio" in the same way as the source picture does, but we try to visualize the data in a new diagram.

??? bitte bild hier einfügen ???

As you can see, there is no clear correlation between the different dimensions.

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

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

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

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

File:VisualVariables.png

2006-11-12T10:42:12Z

UE-InfoVis0607 0325694: /* Source */

== Summary ==
Table of the seven visual variables by Jaques Bertin.
== Copyright status ==

== Source ==
Carpendale, M. S. T.: ''Considering Visual Variables as a Basis for Information Visualisation'', University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-11-12T10:41:30Z

UE-InfoVis0607 0325694: verbesserung

{{definition|'''Visual Variables''' are a specified set of modifications that can be applied to objects in order to encode information.}}

== Purpose and Development ==
Our usual way of communicating is with words. Written words consist of single symbols (letters), gaining meaning when arranged in certain combinations. The question is, if there are basic visual symbols that, arranged in a particular way, can be used to convey information in a similar manner.

Jaques Bertin [Bertin, 1967] described '''marks''' as these basic units and also developed a given number of methods these units can be modified, such as position, size, shape, or color. These predefined modifications are called '''visual variables'''. Each of these variables can have certain '''charactaristics'''.

All of those developments were primarily made for cartographic purposes and only later adapted and used for information visualisation.

=== Marks ===
A mark is made to represent some information other than itself. It is also referred to as a sign.

Marks can be
* '''Points''' are dimensionless locations on the plane, represented by signs that obviously need to have some size, shape or color for visualisation.
* '''Lines''' represent information with a certain length, but no area and therefore no width. Again lines are visualised by signs of some thickness.
* '''Areas''' hava a length and a width and therfore a two-dimensional size.
* '''Surfaces''' are areas in a three-dimensional space, but with no thickness.
* '''Volumes''' have a length, a width and a depth. They are thus truly three-dimensional.

=== Visual Variables ===
Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

[[Image:visualVariables.png]]

Since nowadays information is presented by computers, the addition of '''motion''' as a new visual variable becomes important. Changes in motion can include direction, speed, frequency, rhythm, flicker, trails, and style. [Carpendale, 2003]

=== Characteristics ===
The choice of the variable, which would be most appropriate to represent each aspect of information depends on its characteristics.

* '''Selective:''' If a mark changes in this variable and as an effect can be selected from the other marks easily the visual variable is said to be selective.
* '''Associative:''' Several marks can be grouped across changes in other visual variables.
* '''Quantitative:''' If the difference between two marks in this variable can be interpreted numerically, the visual variable is quantitative.
* '''Order:''' If the variable supports ordered reading it is an ordered visual variable. This means that a change could be read as more or less (e.g. in size you can order marks according to their area).
* '''Length:''' The length defines how many values the variable features. For example how many shades of grey can be recognised.

== Usage ==
Choosing different visual variables for representing different aspects of the same information can greatly influence the perception and understanding of the presented information. It is therefore important to know and appropriately use the characteristics of visual variables when creating ''any'' visual data representation.

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, J.: ''Sémiologie Graphique''. Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: ''From Metaphor to Method: Cartographic Perspectives on Information Visualization'', IEEE Symposium on Information Visualization. Salt Lake City, 2000

:[Carpendale, 2003] Carpendale, M. S. T.: ''Considering Visual Variables as a Basis for Information Visualisation'', University of Calgary, Department of Computer Science, 2001-693-16, 2003

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

2006-11-12T10:32:41Z

UE-InfoVis0607 0325694: Discussion++

== Poor Graphic ==

[[Image:Ropeik03neverbitten.jpg|none|thumb|600px|none|Never Bitten, Twice Shy: The Real Dangers Of Summer]]

== Discussion of the original graphic ==

=== First impressions of the design ===

* Bad Data-Ink-Ratio, because of logos and text.
* The location of the only axis in the diagram is not making sense. It seems like the first six items are negative in any way.
* Order of items? What are the values for x- and y-axis?
* The shark-picture is dominant

=== Detailed analysis of the data ===
* At three Items are missing values, but they are still positioned somewhere
* Outliers ??? What to write about them
* There are three different dimensions of data in the picture, but where does the trend comes from?
** Odds injury
** Odds death
** Number of Articles
* Ordering on x- and y-axis seems to be the odds of injury
* No correlation to e.g. Number of articles. What should be the "Fear Index"

== Better graphic (?) ==

* Is there a sense making one?
* Data does not show the article message

== Links ==
* [http://ieg.ifs.tuwien.ac.at/~aigner/teaching/infovis_ue/infovis_ue_aufgabe2.html Beschreibung der Aufgabe 2]

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

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

*[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, Matzneller, Mueller)]]

Visual Variables

2006-10-29T16:52:05Z

UE-InfoVis0607 0325694: /* Characteristics */

== Basic Definiton ==

Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

Since information is presented by computers, the addition of motion as a new visual variable gets important.
[[Image:visualVariables.png]]

== Characteristics ==
The choice of the variable, which would be most appropriate to present each aspect of information depends on the caracteristics.

* Selective
If a mark changes in this variable and it can be selected by the other marks easily the visual variable is said to be selective.
* Associative
Several marks can be grouped accross changes in other visual variables.
* Quantitative
If the differnce between two marks in this variable can be interpreted numerical, the visual variable is quantitative.
* Order
If the variable supports ordered reading it is an ordered visual variable. This means that a change could be read as more or less. e.g. in size you can order according to the area of the marks.
* Length
The length defines how many values the variable features. For example how many shades of grey can be recognised.

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T16:48:14Z

UE-InfoVis0607 0325694: /* Characteristics */

== Basic Definiton ==

Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

Since information is presented by computers, the addition of motion as a new visual variable gets important.
[[Image:visualVariables.png]]

== Characteristics ==
* Selective
If a mark changes in this variable and it can be selected by the other marks easily the visual variable is said to be selective.
* Associative
Several marks can be grouped accross changes in other visual variables.
* Quantitative
If the differnce between two marks in this variable can be interpreted numerical, the visual variable is quantitative.
* Order
If the variable supports ordered reading it is an ordered visual variable. This means that a change could be read as more or less. e.g. in size you can order according to the area of the marks.
* Length
The length defines how many values the variable features. For example how many shades of grey can be recognised.

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T16:46:53Z

UE-InfoVis0607 0325694: /* Characteristics */

== Basic Definiton ==

Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

Since information is presented by computers, the addition of motion as a new visual variable gets important.
[[Image:visualVariables.png]]

== Characteristics ==
* Selective
If a mark changes in this variable and it can be selected by the other marks easily the visual variable is said to be selective.
* Associative

* Quantitative
If the differnce between two marks in this variable can be interpreted numerical, the visual variable is quantitative
* Order
If the variable supports ordered reading it is an ordered visual variable. This means that a change could be read as more or less. e.g. in size you can order according to the area of the marks
* Length
The length defines how many values the variable features. For example how many shades of grey can be recognised

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T16:46:33Z

UE-InfoVis0607 0325694: /* References */

== Basic Definiton ==

Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

Since information is presented by computers, the addition of motion as a new visual variable gets important.
[[Image:visualVariables.png]]

== Characteristics ==
* Selective
If a mark changes in this variable and it can be selected by the other marks easily the visual variable is said to be selective.
* Associative

* Quantitative
If the differnce between two marks in this variable can be interpreted numerical, the visual variable is quantitative
* Order
If the variable supports ordered reading it is an ordered visual variable. This means that a change could be read as more or less. e.g. in size you can order according to the area of the marks
* Length
The length defines how many values the variable features. For example how many shades of grey can be recognised

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

File:VisualVariables.png

2006-10-29T16:32:17Z

UE-InfoVis0607 0325694: Table of the seven visual variables by Jaques Bertin.

== Summary ==
Table of the seven visual variables by Jaques Bertin.
== Copyright status ==

== Source ==
M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T16:29:43Z

UE-InfoVis0607 0325694: /* Basic Definiton */

Visual Variables

2006-10-29T16:02:43Z

UE-InfoVis0607 0325694: /* Basic Definiton */

Visual Variables

2006-10-29T16:00:20Z

UE-InfoVis0607 0325694: /* Basic Definiton */

== Basic Definiton ==

Jaques Bertin defined seven '''Visual Variables''' [Bertin, 1967] consisting of:

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T15:59:28Z

UE-InfoVis0607 0325694: /* Basic Definiton */

== Basic Definiton ==

Jaque Bertin defined seven '''Visual Variables''':

* Position
* Size
* Shape
* Value
* Color
* Orientation
* Texture

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T15:56:11Z

UE-InfoVis0607 0325694: /* References */

== Basic Definiton ==

'''Visual Variables''' are ...

== References ==
* '''Proceedings'''
:[Bertin, 1967] Bertin, Jaques: "Sémiologie Graphique". Paris: Editions Gauthier-Villars. Deutsche Übersetzung von Jensch, G.; Schade, D.; Scharfe, W.: Graphische Semiologie.Diagramme – Netze - Karten. Berlin: Walter de Gruyter, 1974.

:[Skupin, 2000] Skupin, A: "From Metaphor to Method: Cartographic Perspectives on Information Visualization" IEEE Symposium on Information Visualization. October 9-10, 2000, Salt Lake City, Utah.

:[Carpendale, 2003] M. S. T. Carpendale: "Considering Visual Variables as a Basis for Information Visualisation", University of Calgary, Department of Computer Science, 2001-693-16, 2003

Visual Variables

2006-10-29T15:52:28Z

UE-InfoVis0607 0325694: /* See also */

Visual Variables

2006-10-29T15:52:22Z

UE-InfoVis0607 0325694: /* References */

Visual Variables

2006-10-29T15:50:01Z

UE-InfoVis0607 0325694: /* References */

Visual Variables

2006-10-29T15:48:24Z

UE-InfoVis0607 0325694: /* References */

Visual Variables

2006-10-29T15:40:48Z

UE-InfoVis0607 0325694: /* See also */

== Basic Definiton ==

'''Visual Variables''' are ...

== See also ==

* [[Teaching:TUW_-_UE_InfoVis_WS_2006/07_-_Gruppe_02_-_Aufgabe_1_-_AlphaSlider|Alpha Sliders]]
* [[Dynamic_query|Dynamic Queries]]

== References ==
* '''Proceedings'''
:[Shneiderman, 1996] Ben Shneiderman. The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations. In ''VL '96: Proceedings of the 1996 IEEE Symposium on Visual Languages'', pages 336–343(?), Washington, DC, July 1996. IEEE Computer Society

:[Li et al., 2003] Qing Li and Xiaofeng Bao and Chen Song and Jinfei Zhang and Chris North. Dynamic query sliders vs. brushing histograms. In ''CHI '03: CHI '03 extended abstracts on Human factors in computing systems'', pages 834–835, New York, NY, 2003. ACM Pres

* '''Web Links'''
:[[Film_Finder|Film Finder]]

:[[HomeFinder|Home Finder]]

:[Tanin, 1997] Egemen Tanin, Background on Dynamic Queries. Created at: Jan 2, 1997. Retrieved at: October 28, 2006 http://hcil.cs.umd.edu/trs/96-18/node8.html.

Visual Variables

2006-10-29T15:39:58Z

UE-InfoVis0607 0325694: /* Basic Definiton */

User:UE-InfoVis0607 0325694

2006-10-20T07:01:55Z

UE-InfoVis0607 0325694:

== Personendaten ==

{|
|-
|rowspan=5 style="border-right:1px dotted"|[[Image:lambertfrey.jpg]]
|rowspan=5 style="width:5px"|
|'''Nachname''':
|Frey
|-
|'''Vorname''':
|Lambert
|-
|'''Matrikelnummer''':
|0325694
|-
|'''Studienkennzahl''':
|932, 935
|-
|'''E-Mail''':
|lemmy(at)gmx.at
|}

== Gruppenseite ==

[[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01|Gruppe 01 (Lamprecht, Frey, <NACHNAME3>, <NACHNAME4>)]]

Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01

2006-10-20T07:00:55Z

UE-InfoVis0607 0325694: /* Gruppenmitglieder */

== Gruppenmitglieder ==

* [[User:UE-InfoVis0607_0025559|Lamprecht, Reinhard]]
* [[User:UE-InfoVis0607_0325694|Frey, Lambert]]

== Aufgaben ==

* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 1|Aufgabe 1]]

* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 2|Aufgabe 2]]

* [[Teaching:TUW - UE InfoVis WS 2006/07 - Gruppe 01 - Aufgabe 3|Aufgabe 3]]

== Links ==

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

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