FUNDAMENTALS OF
DATA VISUALIZATION
Hello there!
Hello there!
What is graphical
excellence?
Hello there!
how can I make my
data visually
Excellent?
let’s talk…
What this talkis not about…
aim here!
prettyugly
useful
crap
What this talkis about…
0 | Start
1 | Substance
2 | Style
3 | Steps
4 | summary
0 | Start
Why is Visualization
Important?
“If information is presented orally,
people rememberabout10%...That
number goes up by 65% if you add a
picture.”
“If information is presented orally,
people rememberabout10%...That
number goes up by 65% if you add a
picture.”
Oculata certitudine
Why Visual abstraction?
“WhatI am really
try to do is bring
birth to clarity…
It's all visual. It's
hard to explain.”
-Feynman
867-5309
865-5309
Storytelling
Data does not speak for itself…
You speak for your data
“When we makea visualization from
our data, we are telling a story, anda
goodstoryhelpsusgaininsights.”
-Steven Bedrick
Ethics
“With great power
comes great
responsibility…”
-Uncle Ben, Spiderman
Name Pie
A 39.0%
Other 21.2%
B 19.5%
C 9.8%
D 7.4%
E 3.1%
Name Pie
A 39.0%
Other 21.2%
B 19.5%
C 9.8%
D 7.4%
E 3.1%
39
21.2
19.5
9.8
7.4
3.1
A
Other
B
C
D
E
Name
Percent of Pie
Name
39
19.5
9.8
7.4
3.1
21.2
A
B
C
D
E
Other
Percent of Pie
1 | Substance
describe your data
how do we describe it. . .
meaningfully,
clearly,
succinctly,
properly?
tomaytoe
tomahto
Solanum
lycopersicum
PANTONE
1795 C
tdTomato
554ex 581em
$64
Data means manythings…
Data flow
Data Definitions
Quantitative | Qualitative
Quantitative | Qualitative
|
Ratio Interval Ordinal Nominal
Ratio Interval Ordinal NominalValues
Ordinal NominalValues
Ordinal
Categorical
Relational
so what?
Values
Implied Graphical Content
Implied Graphical Content
Ordinal
Categorical
Relational
2 | Style
does this visual make me look fat?
how do we make it. . .
easier to understand,
cleaner, safer,
smarter, meaningful
beautiful?
Visual Encoding
FEATURES Patterns Objects
Pre-attentive Working Memory
867-5309
Visual Encoding= Maximizing
Pre-Attentive Processing
Visual Encoding:
Pattern
Visual Encoding:
values
Visual Encoding:
Color
Photo: Andrew Bain
Don’t Do This!
 Avoid loud, garish colors…dark text on light
background or vice versa is best.
 Avoid text colors that f...
Check contrast & Color in grayscale
RESOURCES
http://www.vischeck.com/
http://www.etre.com/tools/colourblindsimulator/
http://www.color-blindness.com
Perception of
Visual cues
|
Application of
Visual Cues
*
Visual Families:
Major Types
B
x
y
Visual Graphing:
Coordinate Systems
Visual Graphing:
Fundamentals
Visual Graphing:
Annotation
chicken
chicken
chicken
Figure 1. chicken
Visual Clutter:
Do Not Do

Å
S( - i k
Real World, Please!
The good…
Multivariate, multisource
Width Size of Army Line Location Latitude/Longitude Color Movement
Location labels, dates, Numbers Temperature
Thiers Histoire du Consulat et de l'Empire
Ségur La Campagne de Russie, Mémoires d'un Aide de Camp de L'Empereur Napoléon ...
The bad…
The bad…
The ugly.
3 | Steps
how do I do this?
how do we make a. . .
descriptive, unique,
interesting, engaging
data graphic?
Steps
Gather the Data
Organize the Data
Write a Story/annotate
Select a visualization
Apply encodings
Experiment & Iterate
Gather the data
Nathan’s Hot Dog Eating Contest
organize the data
=1*MID(A1,MATCH(TRUE,ISNUMBER(1*MID(A1,ROW($1:$9),1)),0),COUNT(1*MID(A1,ROW($1:$9),1)))
Write a spec
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
annotate
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
Did the creationof the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
single even...
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
establishe...
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
changed in...
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
observe ch...
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
baseline o...
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
specifical...
select a visualization
Nathan’sHistory (year)
HDB
IFOCE
[year]
thank you
the end
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
Does International
Federation of Competitive
Eating AFFILIATIONAffect
Nathan’sHot Dog Eating
Competition?
Here’s a Tip!
4| Summary
0 | start
Storytelling
Whyvisualizations
Whatthisis not
1 | Substance
Multivariate
Multisource
Implied
graphical
content
Values|
Ordinal
category
Relationship
2 | Style
VisualEncoding
VisualGraphics:
Fundamentals
VisualClutter:
Danger,Danger!
3 | Steps
GathertheData
OrganizetheData
Writea Spec/annotate
Selecta visualization
Applyencodings
Experiment&Iterate
0 | Start
1 | Substance
2 | Style
3 | Steps
4 | summary
Hello there!
What is graphical
excellence?
“Everything should be made
as simple as possible,
but not simpler.”
Albert Einstein
Hello there!
how can I make my
Data visually
Excellent?
“Just as writers read to sculpt
their skill, visualizers look…
Look around you. You are
looking at opportunity.”
Jessica H...
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Practice
Pract...
Thank You
Wirzj@ohsU.edu
http://libguides.ohsu.edu/wirz
Image attributionsavailable
On request
HOW TO MAKE A POSTER
THAT DOESN’T SUCK
APRIL 17, 12 PM
questions?
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Rw 2014 data visulization
Upcoming SlideShare
Loading in …5
×

Rw 2014 data visulization

1,225 views

Published on

Fundamentals of Data Visualization

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,225
On SlideShare
0
From Embeds
0
Number of Embeds
558
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Rw 2014 data visulization

  1. 1. FUNDAMENTALS OF DATA VISUALIZATION
  2. 2. Hello there!
  3. 3. Hello there! What is graphical excellence?
  4. 4. Hello there! how can I make my data visually Excellent?
  5. 5. let’s talk…
  6. 6. What this talkis not about…
  7. 7. aim here! prettyugly useful crap What this talkis about…
  8. 8. 0 | Start 1 | Substance 2 | Style 3 | Steps 4 | summary
  9. 9. 0 | Start
  10. 10. Why is Visualization Important?
  11. 11. “If information is presented orally, people rememberabout10%...That number goes up by 65% if you add a picture.”
  12. 12. “If information is presented orally, people rememberabout10%...That number goes up by 65% if you add a picture.”
  13. 13. Oculata certitudine
  14. 14. Why Visual abstraction?
  15. 15. “WhatI am really try to do is bring birth to clarity… It's all visual. It's hard to explain.” -Feynman
  16. 16. 867-5309
  17. 17. 865-5309
  18. 18. Storytelling
  19. 19. Data does not speak for itself…
  20. 20. You speak for your data
  21. 21. “When we makea visualization from our data, we are telling a story, anda goodstoryhelpsusgaininsights.” -Steven Bedrick
  22. 22. Ethics
  23. 23. “With great power comes great responsibility…” -Uncle Ben, Spiderman
  24. 24. Name Pie A 39.0% Other 21.2% B 19.5% C 9.8% D 7.4% E 3.1%
  25. 25. Name Pie A 39.0% Other 21.2% B 19.5% C 9.8% D 7.4% E 3.1%
  26. 26. 39 21.2 19.5 9.8 7.4 3.1 A Other B C D E Name Percent of Pie
  27. 27. Name 39 19.5 9.8 7.4 3.1 21.2 A B C D E Other Percent of Pie
  28. 28. 1 | Substance
  29. 29. describe your data
  30. 30. how do we describe it. . . meaningfully, clearly, succinctly, properly?
  31. 31. tomaytoe tomahto Solanum lycopersicum PANTONE 1795 C tdTomato 554ex 581em $64
  32. 32. Data means manythings…
  33. 33. Data flow
  34. 34. Data Definitions
  35. 35. Quantitative | Qualitative
  36. 36. Quantitative | Qualitative
  37. 37. | Ratio Interval Ordinal Nominal
  38. 38. Ratio Interval Ordinal NominalValues
  39. 39. Ordinal NominalValues Ordinal Categorical Relational
  40. 40. so what?
  41. 41. Values Implied Graphical Content
  42. 42. Implied Graphical Content Ordinal Categorical Relational
  43. 43. 2 | Style
  44. 44. does this visual make me look fat?
  45. 45. how do we make it. . . easier to understand, cleaner, safer, smarter, meaningful beautiful?
  46. 46. Visual Encoding
  47. 47. FEATURES Patterns Objects Pre-attentive Working Memory
  48. 48. 867-5309
  49. 49. Visual Encoding= Maximizing Pre-Attentive Processing
  50. 50. Visual Encoding: Pattern
  51. 51. Visual Encoding: values
  52. 52. Visual Encoding: Color
  53. 53. Photo: Andrew Bain
  54. 54. Don’t Do This!  Avoid loud, garish colors…dark text on light background or vice versa is best.  Avoid text colors that fade into background, i.e. blue and black  Avoid color-blind combinations: – Red and green – Blue and yellow
  55. 55. Check contrast & Color in grayscale
  56. 56. RESOURCES http://www.vischeck.com/ http://www.etre.com/tools/colourblindsimulator/ http://www.color-blindness.com
  57. 57. Perception of Visual cues
  58. 58. |
  59. 59. Application of Visual Cues
  60. 60. *
  61. 61. Visual Families: Major Types B x y
  62. 62. Visual Graphing: Coordinate Systems
  63. 63. Visual Graphing: Fundamentals
  64. 64. Visual Graphing: Annotation chicken chicken chicken Figure 1. chicken
  65. 65. Visual Clutter: Do Not Do  Å S( - i k
  66. 66. Real World, Please!
  67. 67. The good…
  68. 68. Multivariate, multisource
  69. 69. Width Size of Army Line Location Latitude/Longitude Color Movement Location labels, dates, Numbers Temperature
  70. 70. Thiers Histoire du Consulat et de l'Empire Ségur La Campagne de Russie, Mémoires d'un Aide de Camp de L'Empereur Napoléon I Fezensac Souvenirs militaires Chambray Histoire de l'expedition de Russie Jacob Revue d'Histoire de la Pharmacie
  71. 71. The bad…
  72. 72. The bad…
  73. 73. The ugly.
  74. 74. 3 | Steps
  75. 75. how do I do this?
  76. 76. how do we make a. . . descriptive, unique, interesting, engaging data graphic?
  77. 77. Steps Gather the Data Organize the Data Write a Story/annotate Select a visualization Apply encodings Experiment & Iterate
  78. 78. Gather the data
  79. 79. Nathan’s Hot Dog Eating Contest
  80. 80. organize the data
  81. 81. =1*MID(A1,MATCH(TRUE,ISNUMBER(1*MID(A1,ROW($1:$9),1)),0),COUNT(1*MID(A1,ROW($1:$9),1)))
  82. 82. Write a spec
  83. 83. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  84. 84. annotate
  85. 85. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  86. 86. Did the creationof the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? single event: date
  87. 87. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? established in 1997
  88. 88. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? changed in 2000
  89. 89. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? observe change
  90. 90. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? baseline observations
  91. 91. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? specifically: Number of Hot Dogs & Buns Eaten per year
  92. 92. select a visualization
  93. 93. Nathan’sHistory (year) HDB IFOCE [year]
  94. 94. thank you the end
  95. 95. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  96. 96. Does International Federation of Competitive Eating AFFILIATIONAffect Nathan’sHot Dog Eating Competition?
  97. 97. Here’s a Tip!
  98. 98. 4| Summary
  99. 99. 0 | start Storytelling Whyvisualizations Whatthisis not
  100. 100. 1 | Substance Multivariate Multisource Implied graphical content Values| Ordinal category Relationship
  101. 101. 2 | Style VisualEncoding VisualGraphics: Fundamentals VisualClutter: Danger,Danger!
  102. 102. 3 | Steps GathertheData OrganizetheData Writea Spec/annotate Selecta visualization Applyencodings Experiment&Iterate
  103. 103. 0 | Start 1 | Substance 2 | Style 3 | Steps 4 | summary
  104. 104. Hello there! What is graphical excellence?
  105. 105. “Everything should be made as simple as possible, but not simpler.” Albert Einstein
  106. 106. Hello there! how can I make my Data visually Excellent?
  107. 107. “Just as writers read to sculpt their skill, visualizers look… Look around you. You are looking at opportunity.” Jessica Hagy
  108. 108. Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice - Yourmother Don’t practice until you get it right... Practice until you can’t get it wrong. Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice Practice
  109. 109. Thank You
  110. 110. Wirzj@ohsU.edu
  111. 111. http://libguides.ohsu.edu/wirz Image attributionsavailable On request
  112. 112. HOW TO MAKE A POSTER THAT DOESN’T SUCK APRIL 17, 12 PM
  113. 113. questions?

×