Visual Variables: Difference between revisions

From InfoVis:Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
{{definition|'''Visual Variables''' are a specified set of modifications that can be applied to objects in order to encode information.}}
{{definition|'''Visual Variables''' are a specified set of symbols that can be applied to data in order to translate information.}}


== Purpose and Development ==
== 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.
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 arranged in a particular way, can they be used to convey information in a similar manner?
All of those developments were primarily made for cartographic purposes. With the computerization of information these '''visual variables''' were adapted and used for information visualization.
The concept of information visualization began in the 1930's, but after the 1950's became more developed by cartographers. Since the development of computers has revolutionized all aspects of information visualization. <ref> http://en.wikipedia.org/wiki/Animated_mapping#Visual_variables </ref>
Mapmaking with pan and paper become unnecessary. Map making software such as CAD, GIS and specialized map illustration software became very important.<ref> Skupin, A: ''From Metaphor to Method: Cartographic Perspectives on Information Visualization'', IEEE Symposium on Information Visualization. Salt Lake City, 2000</ref>


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'''.  Sometimes visual variables are also called
===Jaques Bertin===
'''visual attributes'''.
Jaques Bertin [Bertin, 1967] <ref> 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.</ref>described '''marks''' as these basic units and also developed a given number of methods these units can be modified with, such as position, size, shape, or color. These predefined modifications are called '''visual variables'''. Each of these variables can have certain '''characteristics'''.  Sometimes visual variables are also called '''visual attributes'''.
 
All of those developments were primarily made for cartographic purposes and only later adapted and used for information visualisation.


=== Marks ===
=== Marks ===
Line 13: Line 14:


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


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


[[Image:visualVariables.png]]
[[Image:visualVariables.png]]


=== Visual Variables based on Mackinlay ===
===Jock D. Mackinley===
Jock D. Mackinlay invented a number of Information Visualization techniques such as the information visualization reference model.<ref> http://en.wikipedia.org/wiki/Jock_D._Mackinlay</ref>


The list of visual variables was later expanded by [[Mackinlay%2C_Jock_D.|Jock D. Mackinlay]]. He also provided different sortings for their accuracy, based on the task.
=== Visual Variables ===
The list of visual variables was later expanded by [[Mackinlay%2C_Jock_D.|Jock D. Mackinlay]]. He also provided different sorting for their accuracy, based on the task.


===== Sorted by Accuracy for Quantitive Tasks =====
===== Sorted by Accuracy for Quantitive Tasks =====
 
[[Image:Mackinlay_PerceptualTask.jpg]]
Position
 
Length
 
Angle
 
Slope
 
Area
 
Volume
 
Density
 
Color Saturation
 
===== Sorted by Accuracy for Ordinal Tasks =====
 
Position
 
Density
 
Color Saturation
 
Color Hue
 
Texture
 
Connection
 
Containment
 
Length
 
Angle
 
Slope
 
Area
 
Volume
 
===== Sorted by Accuracy for Nominal Tasks =====
 
Position
 
Color Hue
 
Texture
 
Connection
 
Containment
 
Density
 
Color Saturation
 
Shape
 
Length
 
Angle
 
Slope
 
Area
 
Volume


=== Recent work ===
=== Recent work ===
The list was further expanded by several later publications. Most of them are also grouping
The list was further expanded by several later publications. Most of them are also grouping
the visual variables, e.g. combining ''length'', ''area'' and ''repetition'' to ''shape'' or breaking down
the visual variables, e.g. combining ''length'', ''area'' and ''repetition'' to ''shape'' or breaking down
''position'' in the three dimensions of space and one time dimension.
''position'' in the three dimensions of space and one time dimension.


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]
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.<ref> Carpendale, M. S. T.: ''Considering Visual Variables as a Basis for Information Visualisation'', University of Calgary, Department of Computer Science, 2001-693-16, 2003</ref>


=== Characteristics ===
=== Characteristics ===
Line 115: Line 48:
* '''Quantitative:''' If the difference between two marks in this variable can be interpreted numerically, the visual variable is quantitative.
* '''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).
* '''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.
* '''Length:''' The length defines how many values the variable features. For example how many shades of grey can be recognized?


== Usage ==
== Usage ==
The process of mapping data to visual variables is called [[visual mapping]].
The process of mapping data to visual variables is called [[visual mapping]].
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.
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 ==
== References ==
* '''Proceedings'''
* '''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.
<div class="references-small"> <references/> </div>
 
[[Category:Glossary]]
:[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
 
 
[[Category:Glossary]]

Revision as of 21:42, 4 November 2009

Visual Variables are a specified set of symbols that can be applied to data in order to translate 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 arranged in a particular way, can they be used to convey information in a similar manner? All of those developments were primarily made for cartographic purposes. With the computerization of information these visual variables were adapted and used for information visualization. The concept of information visualization began in the 1930's, but after the 1950's became more developed by cartographers. Since the development of computers has revolutionized all aspects of information visualization. [1] Mapmaking with pan and paper become unnecessary. Map making software such as CAD, GIS and specialized map illustration software became very important.[2]

Jaques Bertin

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

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 visualization.
  • Lines represent information with a certain length, but no area and therefore no width. Again lines are visualized by signs of some thickness.
  • Areas have a length and a width and therefore 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 consisting of:

Jock D. Mackinley

Jock D. Mackinlay invented a number of Information Visualization techniques such as the information visualization reference model.[4]

Visual Variables

The list of visual variables was later expanded by Jock D. Mackinlay. He also provided different sorting for their accuracy, based on the task.

Sorted by Accuracy for Quantitive Tasks

Recent work

The list was further expanded by several later publications. Most of them are also grouping the visual variables, e.g. combining length, area and repetition to shape or breaking down position in the three dimensions of space and one time dimension.

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.[5]

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 recognized?

Usage

The process of mapping data to visual variables is called visual mapping. 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
  1. http://en.wikipedia.org/wiki/Animated_mapping#Visual_variables
  2. Skupin, A: From Metaphor to Method: Cartographic Perspectives on Information Visualization, IEEE Symposium on Information Visualization. Salt Lake City, 2000
  3. 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.
  4. http://en.wikipedia.org/wiki/Jock_D._Mackinlay
  5. Carpendale, M. S. T.: Considering Visual Variables as a Basis for Information Visualisation, University of Calgary, Department of Computer Science, 2001-693-16, 2003