SlideShare uma empresa Scribd logo
1 de 156
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 fade into background,
i.e. blue and black
 Avoid color-blind combinations:
– Red and green
– Blue and yellow
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 I
Fezensac Souvenirs militaires
Chambray Histoire de l'expedition de Russie Jacob Revue d'Histoire de la Pharmacie
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 event: date
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
established in
1997
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
changed in 2000
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
observe change
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
baseline observations
Did the creation of the
InternationalFederation
of CompetitiveEating
affect Nathan’sHot Dog
Eating Competition?
specifically: Number of
Hot Dogs & Buns Eaten
per year
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 Hagy
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
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?

Mais conteúdo relacionado

Semelhante a Rw 2014 data visulization

Sensemaker for Partos Plaza - Irene Guyt
Sensemaker for Partos Plaza  - Irene GuytSensemaker for Partos Plaza  - Irene Guyt
Sensemaker for Partos Plaza - Irene Guyt
annepartos
 
DL Classe 0 - You can do it
DL Classe 0 - You can do itDL Classe 0 - You can do it
DL Classe 0 - You can do it
Gregory Renard
 

Semelhante a Rw 2014 data visulization (20)

Psychology understanding individuals and teams v4
Psychology  understanding individuals and teams v4Psychology  understanding individuals and teams v4
Psychology understanding individuals and teams v4
 
Data Viz CE 2014 Storytelling
Data Viz CE 2014 StorytellingData Viz CE 2014 Storytelling
Data Viz CE 2014 Storytelling
 
Culture Geek 2018 - Games are the answer
Culture Geek  2018 - Games are the answerCulture Geek  2018 - Games are the answer
Culture Geek 2018 - Games are the answer
 
Data Driven Storytelling
Data Driven StorytellingData Driven Storytelling
Data Driven Storytelling
 
Sensemaker for Partos Plaza - Irene Guyt
Sensemaker for Partos Plaza  - Irene GuytSensemaker for Partos Plaza  - Irene Guyt
Sensemaker for Partos Plaza - Irene Guyt
 
Numbers need words: How narrative takes your analysis from irrelevant to irre...
Numbers need words: How narrative takes your analysis from irrelevant to irre...Numbers need words: How narrative takes your analysis from irrelevant to irre...
Numbers need words: How narrative takes your analysis from irrelevant to irre...
 
Open data
Open dataOpen data
Open data
 
Why Games (2008)
Why Games (2008)Why Games (2008)
Why Games (2008)
 
Ideas You Can Play With
Ideas You Can Play WithIdeas You Can Play With
Ideas You Can Play With
 
Deep Learning Class #0 - You Can Do It
Deep Learning Class #0 - You Can Do ItDeep Learning Class #0 - You Can Do It
Deep Learning Class #0 - You Can Do It
 
DL Classe 0 - You can do it
DL Classe 0 - You can do itDL Classe 0 - You can do it
DL Classe 0 - You can do it
 
John Horn Cannexus 2010 Storytelling Your Career
John Horn   Cannexus 2010   Storytelling Your CareerJohn Horn   Cannexus 2010   Storytelling Your Career
John Horn Cannexus 2010 Storytelling Your Career
 
Illustrations and Infographics for Digital Storytelling
Illustrations and Infographics for Digital StorytellingIllustrations and Infographics for Digital Storytelling
Illustrations and Infographics for Digital Storytelling
 
Storytelling: an Ancient Strategy for a New World
Storytelling: an Ancient Strategy for a New WorldStorytelling: an Ancient Strategy for a New World
Storytelling: an Ancient Strategy for a New World
 
Big Data Analytics: The Math, the Implementation and How it can be Effectivel...
Big Data Analytics: The Math, the Implementation and How it can be Effectivel...Big Data Analytics: The Math, the Implementation and How it can be Effectivel...
Big Data Analytics: The Math, the Implementation and How it can be Effectivel...
 
Superweek 2020 Varga presentation: Don't bring data. Tell stories!
Superweek 2020 Varga presentation: Don't bring data. Tell stories!Superweek 2020 Varga presentation: Don't bring data. Tell stories!
Superweek 2020 Varga presentation: Don't bring data. Tell stories!
 
Rightbrainleftbrain
RightbrainleftbrainRightbrainleftbrain
Rightbrainleftbrain
 
How to Lie with Design Research
How to Lie with Design ResearchHow to Lie with Design Research
How to Lie with Design Research
 
IBM IOD Conference 2011 Opening Keynote Deck
IBM IOD Conference 2011 Opening Keynote DeckIBM IOD Conference 2011 Opening Keynote Deck
IBM IOD Conference 2011 Opening Keynote Deck
 
If You Can Dodge A Wrench
If You Can Dodge A WrenchIf You Can Dodge A Wrench
If You Can Dodge A Wrench
 

Mais de Jackie Wirz, PhD

Online NW 2015 Wirz Developing Novel Outreach Data Visualization
Online NW 2015 Wirz Developing Novel Outreach Data VisualizationOnline NW 2015 Wirz Developing Novel Outreach Data Visualization
Online NW 2015 Wirz Developing Novel Outreach Data Visualization
Jackie Wirz, PhD
 
Data101 pmcb retreat_09-20-13_final
Data101 pmcb retreat_09-20-13_finalData101 pmcb retreat_09-20-13_final
Data101 pmcb retreat_09-20-13_final
Jackie Wirz, PhD
 
SPARC 2013 Data Management Presentation
SPARC 2013 Data Management Presentation SPARC 2013 Data Management Presentation
SPARC 2013 Data Management Presentation
Jackie Wirz, PhD
 
Science is a moving target
Science is a moving targetScience is a moving target
Science is a moving target
Jackie Wirz, PhD
 
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
Jackie Wirz, PhD
 

Mais de Jackie Wirz, PhD (20)

NGP Retreat Open Science 2015
NGP Retreat Open Science 2015NGP Retreat Open Science 2015
NGP Retreat Open Science 2015
 
Online NW 2015 Wirz Developing Novel Outreach Data Visualization
Online NW 2015 Wirz Developing Novel Outreach Data VisualizationOnline NW 2015 Wirz Developing Novel Outreach Data Visualization
Online NW 2015 Wirz Developing Novel Outreach Data Visualization
 
AM Career Marketing OHSU RIPSS 2014
AM Career Marketing OHSU RIPSS 2014AM Career Marketing OHSU RIPSS 2014
AM Career Marketing OHSU RIPSS 2014
 
Data Viz CE 2014 Vision and the Brain
Data Viz CE 2014 Vision and the BrainData Viz CE 2014 Vision and the Brain
Data Viz CE 2014 Vision and the Brain
 
Data Viz CE 2014 Toolbox
Data Viz CE 2014 ToolboxData Viz CE 2014 Toolbox
Data Viz CE 2014 Toolbox
 
Data Viz CE 2014 Color
Data Viz CE 2014 ColorData Viz CE 2014 Color
Data Viz CE 2014 Color
 
Data Viz CE 2014 Libraries
Data Viz CE 2014 LibrariesData Viz CE 2014 Libraries
Data Viz CE 2014 Libraries
 
Scientific Writing 2014 IEH
Scientific Writing 2014 IEHScientific Writing 2014 IEH
Scientific Writing 2014 IEH
 
Posters & Presentations that Don't Suck
Posters & Presentations that Don't SuckPosters & Presentations that Don't Suck
Posters & Presentations that Don't Suck
 
Data Management
Data ManagementData Management
Data Management
 
Rw 2014 poster final
Rw 2014 poster finalRw 2014 poster final
Rw 2014 poster final
 
Data management workshop 101113
Data management workshop 101113Data management workshop 101113
Data management workshop 101113
 
Data Management Open House
Data Management Open HouseData Management Open House
Data Management Open House
 
Data101 pmcb retreat_09-20-13_final
Data101 pmcb retreat_09-20-13_finalData101 pmcb retreat_09-20-13_final
Data101 pmcb retreat_09-20-13_final
 
SPARC 2013 Data Management Presentation
SPARC 2013 Data Management Presentation SPARC 2013 Data Management Presentation
SPARC 2013 Data Management Presentation
 
Science is a moving target
Science is a moving targetScience is a moving target
Science is a moving target
 
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
Powered by Libraries: Leveraging Libraries for Semantic Web and Linked Open D...
 
RML NCBI Resources
RML NCBI ResourcesRML NCBI Resources
RML NCBI Resources
 
Science101 slideshare
Science101 slideshareScience101 slideshare
Science101 slideshare
 
Science 101 Preview
Science 101 PreviewScience 101 Preview
Science 101 Preview
 

Último

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 

Último (20)

TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 

Rw 2014 data visulization