Upload
catchmeukzn
View
227
Download
0
Embed Size (px)
Citation preview
8/17/2019 Introduction to Visualization Qvw
1/52
Introduction to Visualization
Patrik Lundblad
Visualization Advocate
8/17/2019 Introduction to Visualization Qvw
2/52
2
Experience
• Visualization Advocate and Product Manager
• NComVA founder, acquired by Qlik in May‘13
• PhD in Visualization and Interaction
• Follow me on Twitter: @visualpatrik
Patrik Lundblad
8/17/2019 Introduction to Visualization Qvw
3/52
3
8/17/2019 Introduction to Visualization Qvw
4/52
Why?
8/17/2019 Introduction to Visualization Qvw
5/52
5
Why Visualization
8/17/2019 Introduction to Visualization Qvw
6/52
6
Why Visualization
Data Visualization
8/17/2019 Introduction to Visualization Qvw
7/527
Why Visualization
Data Visualization Information
8/17/2019 Introduction to Visualization Qvw
8/528
“Your brain is a pattern-detecting machine”
8/17/2019 Introduction to Visualization Qvw
9/52
The Visual Mind
8/17/2019 Introduction to Visualization Qvw
10/5210
Low-level propertyextraction
• Edges• Color• Texture• Movements
Pattern perception• Contours• Motion
Goal directedprocessing
• Few objects dealt atonce
• Focus on a smallnumber of visualfeatures
Visual Perception
Information Visualization: Perception for Design, Colin Ware
8/17/2019 Introduction to Visualization Qvw
11/52
Pre-Attentive Processing
8/17/2019 Introduction to Visualization Qvw
12/5212
Pre-Attentive Processing
Find “3” in this series:
49864118710985767838209492850129742756
75649098357620978840129189864128571742
8/17/2019 Introduction to Visualization Qvw
13/52
13
Pre-Attentive Processing
8/17/2019 Introduction to Visualization Qvw
14/52
14
Graphical features processed pre-attentively
8/17/2019 Introduction to Visualization Qvw
15/52
Visual Perception
8/17/2019 Introduction to Visualization Qvw
16/52
16
Patterns
8/17/2019 Introduction to Visualization Qvw
17/52
17
Background vs. Foreground
8/17/2019 Introduction to Visualization Qvw
18/52
18
LARGER ELEMENTS TEND TO BEPERCIEVED AS MORE IMPORTANT
Size
8/17/2019 Introduction to Visualization Qvw
19/52
Short Term Memory
8/17/2019 Introduction to Visualization Qvw
20/52
20
"The magical number 7±2"
8/17/2019 Introduction to Visualization Qvw
21/52
21
Chunking
H L U N E S A U R O Y I N I I O U T N T
UNLEASH YOUR INTUITION
8/17/2019 Introduction to Visualization Qvw
22/52
22
Chunking
1 Chunk
8/17/2019 Introduction to Visualization Qvw
23/52
Practical
8/17/2019 Introduction to Visualization Qvw
24/52
24
8/17/2019 Introduction to Visualization Qvw
25/52
25
Before
8/17/2019 Introduction to Visualization Qvw
26/52
26
After
8/17/2019 Introduction to Visualization Qvw
27/52
Color
8/17/2019 Introduction to Visualization Qvw
28/52
28
Color
8/17/2019 Introduction to Visualization Qvw
29/52
29
Understanding how we perceive colors
8/17/2019 Introduction to Visualization Qvw
30/52
30
Cones Rods
Cones vs Rods
7M
125M
8/17/2019 Introduction to Visualization Qvw
31/52
31http://visual.ly/common-birthdays
8/17/2019 Introduction to Visualization Qvw
32/52
32
Cones
Cones
33%
2%
65%
Attribution: Mark Fairchild
Fovea
8/17/2019 Introduction to Visualization Qvw
33/52
33
Colour Blindness
• About 8% of males, but only 0.5% of females, are colour blind in
some way or another.
16 7 8(but red green colour blind
will see 3!)
8/17/2019 Introduction to Visualization Qvw
34/52
34
Make Things Obvious
28 116
8/17/2019 Introduction to Visualization Qvw
35/52
35
Can you order these (low->hi)
8/17/2019 Introduction to Visualization Qvw
36/52
36
Meaningful Data
8/17/2019 Introduction to Visualization Qvw
37/52
37
Company branding Viz branding
What colors to use?
8/17/2019 Introduction to Visualization Qvw
38/52
38
Possible Colour of Sequences
www.colorbrewer2.org
8/17/2019 Introduction to Visualization Qvw
39/52
Best Visualization
8/17/2019 Introduction to Visualization Qvw
40/52
40
8/17/2019 Introduction to Visualization Qvw
41/52
41
8/17/2019 Introduction to Visualization Qvw
42/52
42
London Tube Map - 2014
8/17/2019 Introduction to Visualization Qvw
43/52
43
Mapping Data to Visualizations
Data
AttributesVisual
Encoding
Discrete• Nominal
• Ordinal
Continuous
• Interval
• Ratio
Sum to Total
Scale, Units
Has NULLs
• Position
• Length
• Area
• Shape
• Color
• …
Usage
• Comparison
• Relationship
• Composition
• Distribution
• …
8/17/2019 Introduction to Visualization Qvw
44/52
44
Data Attributes• Ratio
– Cost: $15, $30, $45
– Age: 10 years, 20 years, 30 years
• Interval
• Temperature: -5 °, 10 °, 25°
• Time: 1am, 5am, 9am
• Ordinal
– Size: Small, Medium, Large
– Position: 1st, 2nd, 3rd
• Nominal
– Sex: Male, Female
– Sports: Soccer, American Fotball
8/17/2019 Introduction to Visualization Qvw
45/52
45
Data Attributes
http://community.qlik.com/blogs/qlikviewdesignblog/2014/09/01/scales-of-measurement
8/17/2019 Introduction to Visualization Qvw
46/52
46
Visual Encoding
8/17/2019 Introduction to Visualization Qvw
47/52
47
Ranking of Quantitative Perceptual Tasks
More Accurate
Less Accurate
Position Length Angle Area Volume Color
8/17/2019 Introduction to Visualization Qvw
48/52
48
NOMINAL ORDINAL INTERVAL / RATIO
More Accurate
Less Accurate
8/17/2019 Introduction to Visualization Qvw
49/52
49
Data encoding errors
From Education Services
8/17/2019 Introduction to Visualization Qvw
50/52
50
8/17/2019 Introduction to Visualization Qvw
51/52
This isn’t news
• The Eyes Have It: A Task by Data Type Taxonomy for
Information Visualizations. Ben Shneiderman
• How NOT to Lie with Visualization. Bernice E. Rogowitz, Lloyd A.
Treinish
• Graphical Perception: Theory, Experimentation, and
Application to the Development of Graphical Methods. William
S. Cleveland; Robert McGill
8/17/2019 Introduction to Visualization Qvw
52/52
Thank You