FUNDAMENTALS OF
DATA VISUALIZATION
Creating Beautiful, Elegant & Descriptive
Visual Displays
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…
1 | Substance
2 | Style
3 | Steps
4 | summary
0 | foundations
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
Ethics
“With great power comes great
responsibility…”
-Uncle Ben, Spiderman
“Visualization is the abstraction
Of data. Data is the abstraction of
the real world. Data visualization is
an abstraction...
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
More, please
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 ...
2 | Style
does this visual make me look fat?
how do we make it. . .
easier to understand,
cleaner, safer,
smarter, meaningful
beautiful?
Visual Encoding:
Pattern
Visual Encoding:
values
Visual Encoding:
Color
Perception of
Visual cues
|
Application of
Visual Cues
*
Visual Graphing:
Coordinate Systems
Visual Graphing:
Fundamentals
Visual Graphing:
Annotation
chicken
chicken
chicken
Figure 1. chicken
Visual Clutter:
Do Not Do

Å
S( - i k
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?
Do International
Federation of Competitive
Eating Affiliates Affect
Nathan’sHot Dog Eating
Competition?
4 | Summary
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
1 | Substance
2 | Style
3 | Steps
4 | study
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...
Thank You
mail| Wirzj@ohsU.edu
http://libguides.ohsu.edu/wirz
questions?
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Foundations of data viz
Upcoming SlideShare
Loading in …5
×

Foundations of data viz

897 views

Published on

Presented at the Oregon Special Libraries Association workshop: Customizing Data Delivery to Target Audiences.
Join ORSLA Members and friends for a half-day workshop on Customizing Data Delivery to Target Audiences.

When: Friday, September 27, 1pm – 4pm with a no-host happy hour to follow.
Architectural Heritage Center (701 SE Grand Avenue, Portland, http://www.visitahc.org/)

You’ve done your research and have a pile of information. Learn how to turn that information into an impressive research package by profiling your audience (clients, faculty, students, management), assessing their needs and learning styles, and creating meaningful charts and info-graphics guaranteed to impress.

Schedule:

1-2pm – Reece Dano: Ethnographic Research: Going Beyond WHAT and Getting to WHY
2-3pm – Temese Szalai: Delivering Insights, Not Information
3-4pm – Jackie Wirz: Fundamentals of Data Visualization: Creating Beautiful, Elegant and Descriptive Visual Displays
After 4pm – Happy hour at [to be announced]

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

No Downloads
Views
Total views
897
On SlideShare
0
From Embeds
0
Number of Embeds
429
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Foundations of data viz

  1. 1. FUNDAMENTALS OF DATA VISUALIZATION Creating Beautiful, Elegant & Descriptive Visual Displays
  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. 1 | Substance 2 | Style 3 | Steps 4 | summary
  9. 9. 0 | foundations
  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. Ethics
  19. 19. “With great power comes great responsibility…” -Uncle Ben, Spiderman
  20. 20. “Visualization is the abstraction Of data. Data is the abstraction of the real world. Data visualization is an abstraction of an abstraction” -Nathan Yau
  21. 21. 1 | Substance
  22. 22. describe your data
  23. 23. how do we describe it. . . meaningfully, clearly, succinctly, properly?
  24. 24. tomaytoe tomahto Solanum lycopersicum PANTONE 1795 C tdTomato 554ex 581em $64
  25. 25. Data means manythings…
  26. 26. Data flow
  27. 27. Data Definitions
  28. 28. Quantitative | Qualitative
  29. 29. Quantitative | Qualitative
  30. 30. | Ratio Interval Ordinal Nominal
  31. 31. Ratio Interval Ordinal NominalValues
  32. 32. Ordinal NominalValues Ordinal Categorical Relational
  33. 33. so what?
  34. 34. Values Implied Graphical Content
  35. 35. Implied Graphical Content Ordinal Categorical Relational
  36. 36. More, please
  37. 37. Multivariate, multisource
  38. 38. Width Size of Army Line Location Latitude/Longitude Color Movement Location labels, dates, Numbers Temperature
  39. 39. 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
  40. 40. 2 | Style
  41. 41. does this visual make me look fat?
  42. 42. how do we make it. . . easier to understand, cleaner, safer, smarter, meaningful beautiful?
  43. 43. Visual Encoding: Pattern
  44. 44. Visual Encoding: values
  45. 45. Visual Encoding: Color
  46. 46. Perception of Visual cues
  47. 47. |
  48. 48. Application of Visual Cues
  49. 49. *
  50. 50. Visual Graphing: Coordinate Systems
  51. 51. Visual Graphing: Fundamentals
  52. 52. Visual Graphing: Annotation chicken chicken chicken Figure 1. chicken
  53. 53. Visual Clutter: Do Not Do  Å S( - i k
  54. 54. 3 | Steps
  55. 55. how do I do this?
  56. 56. how do we make a. . . descriptive, unique, interesting, engaging data graphic?
  57. 57. Steps Gather the Data Organize the Data Write a Story/annotate Select a visualization Apply encodings Experiment & Iterate
  58. 58. Gather the data
  59. 59. Nathan’s Hot Dog Eating Contest
  60. 60. organize the data
  61. 61. =1*MID(A1,MATCH(TRUE,ISNUMBER(1*MID(A1,ROW($1:$9),1)),0),COUNT(1*MID(A1,ROW($1:$9),1)))
  62. 62. Write a spec
  63. 63. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  64. 64. annotate
  65. 65. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  66. 66. Did the creationof the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? single event: date
  67. 67. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? established in 1997
  68. 68. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? changed in 2000
  69. 69. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? observe change
  70. 70. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? baseline observations
  71. 71. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition? specifically: Number of Hot Dogs & Buns Eaten per year
  72. 72. select a visualization
  73. 73. Nathan’sHistory (year) HDB IFOCE [year]
  74. 74. thank you the end
  75. 75. Did the creation of the InternationalFederation of CompetitiveEating affect Nathan’sHot Dog Eating Competition?
  76. 76. Do International Federation of Competitive Eating Affiliates Affect Nathan’sHot Dog Eating Competition?
  77. 77. 4 | Summary
  78. 78. 1 | Substance Multivariate Multisource Implied graphical content Values| Ordinal category Relationship
  79. 79. 2 | Style VisualEncoding VisualGraphics: Fundamentals VisualClutter: Danger,Danger!
  80. 80. 3 | Steps GathertheData OrganizetheData Writea Spec/annotate Selecta visualization Applyencodings Experiment&Iterate
  81. 81. 1 | Substance 2 | Style 3 | Steps 4 | study
  82. 82. Hello there! What is graphical excellence?
  83. 83. “Everything should be made as simple as possible, but not simpler.” Albert Einstein
  84. 84. Hello there! how can I make my Data visually Excellent?
  85. 85. “Just as writers read to sculpt their skill, visualizers look… Look around you. You are looking at opportunity.” Jessica Hagy
  86. 86. Thank You
  87. 87. mail| Wirzj@ohsU.edu
  88. 88. http://libguides.ohsu.edu/wirz
  89. 89. questions?

×