digital-media@rgu
Pattern perception and map design
what are we
looking at?
Gestalts Laws
Representing vector fields
perceptual syntax of diagrams
visual grammar of maps
Introduction
Three stage
model of
perception
Three stage
model of
perception
Gestalts Laws
Proximity
Similarity
connectedness
continuity
symmetry
closure
relative size
common fate8simple
Rules
Proximity
Proximity
Place symbols and glyphs representing
related information close together
Similarity
Similarity
When designing a grid layout of a data set,
consider coding rows and/or columns using
low-level visual channel properties, such as
colour and texture.
Connectedness
To show relationships between entities,
consider linking graphical representations of
data objects using lines or ribbons of color.
continuity
Symmetry
Symmetry
Symmetry
Consider using symmetry to make pattern
comparisons easier
closure and common region
closure and common region
closure and common region
Consider putting related information inside
a closed contour.
A line is adequate for regions having a
simple shape.
Colour or texture can be used to define
regions that have more complex shapes.
closure and common region
To define multiple overlapping regions,
consider using a combination of line
contour, colour, texture, and Cornsweet
contours.
figure and ground
Use a combination of closure, common
region, and layout to ensure that data
entities are represented by graphical
patterns that will be perceived as figures,
not ground.
Representing Vector Fields:

Perceiving Orientation and Direction
magnitude orientation direction
Showing direction with brush strokes
To represent flow direction in a vector field visualization, use
streamlets with heads that are more distinct than tails, based on
luminance contrast.
A streamlet is a glyph that is elongated along a streamline and which
induces a strong response in neurons sensitive to orientations
tangential to the flow.
For vector field visualizations, use more
distinct graphical elements to show greater
field strength or speed. They can be wider,
longer, more contrasting, or faster moving.
Perceptual syntax of diagrams
creating nodes
When developing glyphs, use small, closed shapes to represent data
entities, and use the color, shape, and size of those shapes to
represent attributes of those entities.
creating relationships
creating relationships
creating relationships
Use connecting lines, enclosure, grouping, and attachment to
represent relationships between entities. The shape, color, and
thickness of lines and enclosures can represent the types of
relationships.
As an alternative to arrows to represent directed relationships in
diagrams, consider using tapered lines with the broadest end at the
source node.
the visual grammar of maps
1694
1815
1918
Use closed contours, areas of texture, or areas of color to denote
geographic regions. Use color, texture, or boundary style to denote the
type of region.
1922
Use lines to represent paths and linear geographic features. Use line
color and style to represent the type of linear feature.
Use small, closed shapes to represent point entities, such as cities, that
appear small on a map. Use color, shape, and size to represent
attributes of these entities.
what did we
look at?
Gestalts Laws
Representing vector fields
perceptual syntax of diagrams
visual grammar of maps

Pattern Perception and Map Design