devopsdays boise 2019 visual information · tufte, visual display of quantitative information...

69
@caskey When the brain processes visual information Caskey L. Dickson, SRE caskey@{microsoft,gmail,twitter,...}.com DevOpsDays Boise 2019

Upload: others

Post on 11-Jul-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

When the brain processes visual information

Caskey L. Dickson, SREcaskey@{microsoft,gmail,twitter,...}.com

DevOpsDays Boise 2019

Page 2: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

[citation needed]● Tufte, Visual Display of Quantitative Information (1983)● Cleveland, The Elements of Graphing Data (1968, 1994)● Cleveland, Visualizing Data (1994)● Robinson, The Psychology of Visual Illusion (2013)● Huff, How to Lie with Statistics (1954)● Kahneman, Thinking Fast and Slow (2011)● Csíkszentmihályi, Flow (1990)● Robbins, Creating More Effective Graphs (2009)● Zumel, Good Graphs (2009)

Page 3: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

What is Visualization

Page 4: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

123, 456, 13335, 16, 31301, 78, 984

335, 16, 31, ...

Page 5: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Humans suck at pretty much everything, especially estimation.

Page 6: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Perception and Thought

Types of Memory

● Iconic(super fast, instinctual)

● Short Term● Long Term

Types of Thought

● Preattentive● Type 1 (instinctive)● Type 2 (deliberative)

Kahneman 2011, Csíkszentmihályi 1990

Page 7: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Preattentive Thought● Size● Position● Orientation● Curvature● Gray Value● Hue● Shape● Enclosure● Number (up to four)

● Grouping● Proximity● Similarity● Connectedness● Continuity● Symmetry● Closure● Size● Enclosure

Csíkszentmihályi 1990

Page 8: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 9: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 10: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 11: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 12: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 13: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 14: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 15: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 16: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 17: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Long Distances

Page 18: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 19: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 20: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 21: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 22: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Angles

Page 23: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 24: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 25: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 26: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 27: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 28: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Perpendicular Distance

Page 29: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 30: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 31: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 32: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 33: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 34: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Graph The Message

Page 35: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 36: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 37: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Scale Matters

Page 38: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 39: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 40: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 41: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyZumel 2009

Page 42: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Key Takeaways● The brain is weird

● Interpretation of data depends on how it is presented

● The presentation will change the story taken from it

(and likely the actions taken in response)

● Not everyting is “just a graph”

Page 43: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

High Density Plots

Page 44: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyRobbins 2009

Page 45: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyRobbins 2009

Page 46: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Aspects and Banking

Page 47: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 48: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyCleveland 1968/1994

Page 49: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskeyHuff 1954

Page 50: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 51: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 52: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Rogues Gallery

Page 53: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 54: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 55: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 56: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 57: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 58: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 59: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 60: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 61: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 62: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 63: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 64: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 65: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 66: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 67: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 68: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Page 69: DevOpsDays Boise 2019 visual information · Tufte, Visual Display of Quantitative Information (1983) Cleveland, The Elements of Graphing Data (1968, 1994) Cleveland, Visualizing Data

@caskey

Questions?● Tufte, Visual Display of Quantitative Information (1983)● Cleveland, The Elements of Graphing Data (1968, 1994)● Cleveland, Visualizing Data (1994)● Robinson, The Psychology of Visual Illusion (2013)● Huff, How to Lie with Statistics (1954)● Kahneman, Thinking Fast and Slow (2011)● Csíkszentmihályi, Flow (1990)● Robbins, Creating More Effective Graphs (2009)● Zumel, Good Graphs (2009)