What are visualizations?
combine and integrate visual marks into more complex structural forms to encode information
What do visualizations help do?
What are the 9 Gestalt Principles?
Gestalt Principle
What is proximity?
how close elements are to one another – similar things should be close to each other
Gestalt Principle
What is similarity?
people tend to see things that physically resemble each other as part of the same object
Gestalt Principle
What is enclosure?
we group elements that are in the same closed region
Gestalt Principle
What is connection?
grouping effect – we perceive elements as connected to each other thanks to colors, lines, frames, or other shapes
Gestalt Principle
What is continuity?
objects that create a continuous pattern or are seen as being connected appear to be grouped together
Gestalt Principle
What is symmetry?
elements that are symmetrical tend to be perceived as a unified group
Gestalt Principle
What is figure and ground?
your brain distinguishes foreground and background
Gestalt Principle
What is closure?
our eyes tend to add any missing pieces of a familiar shape
Gestalt Principle
What is common fate?
people will group together things that point to or are moving in the same direction
What are the 4 data presentation principles?
What are the 5 principles for creating infographics?
Principles for Creating Infographics
What is simplicity?
minimal text
clear message
avoid clutter
Principles for Creating Infographics
What is consistency?
layout and design elements should be consistent
Principles for Creating Infographics
What is visibility?
appropriate font sizes
colors that contrast
Principles for Creating Infographics
What is navigability?
(structure)
clear order to follow
use scale/proportion to emphasize key points/headings
Principles for Creating Infographics
What is suitability?
right data for message
right graphic for the message
right metaphors for the audience
Common Patterns – Visualization vs. Infographic
visualization
infographic:
Scales for Comparing Values – More Accurate to Less Accurate
position common scale position non-aligned scale length direction angle area volume curvature shading color saturation
What are the visualization formats for comparing categories?
bar chart:
pie chart
What scale does bar chart use?
position common scale
What are bar charts good for?
- bar chart’s discrete data is categorical data, therefore answers the question of “how many” in each category