SlideShare a Scribd company logo
Telling Stories With Data
Class #1
March 20th, 2017
David Newbury — @workergnome 1
What We're Doing Today:
— Syllabus Review
— (Brief) History of Data Visualization
— (Tiny) Theory of Visualization
— (Nerdy) Overview of Concepts
— (Fake) Data Exploration
David Newbury — @workergnome 2
Course Website:
datastories.davidnewbury.com
David Newbury — @workergnome 3
Which is biggest?
15012, 8271, 30193, 1189, 9913, 16000, 92481, 49801,
100407, 2910, 3809, 8018, 61528, 18083, 38691, 1800
David Newbury — @workergnome 4
Which is biggest?
David Newbury — @workergnome 5
Which is biggest?
David Newbury — @workergnome 6
Why do we
visualize?
David Newbury — @workergnome 7
(Brief)
History of
Data Visualization
David Newbury — @workergnome 8
Tabula Peutingeriana, 5th century CE
David Newbury — @workergnome 9
David Newbury — @workergnome 10
Rene Descartes, 1600s
David Newbury — @workergnome 11
Joseph Priestly, New Chart of History (1769)
David Newbury — @workergnome 12
William Playfair, (1786 & 1801)
David Newbury — @workergnome 13
David Newbury — @workergnome 14
John Snow, London Cholera Map (1854)
David Newbury — @workergnome 15
Cholera Map
David Newbury — @workergnome 16
Florence Nightingale, War Deaths (1855)
David Newbury — @workergnome 17
Charles Minard, March on Moscow (1862)
David Newbury — @workergnome 18
More recent history.
David Newbury — @workergnome 19
David Newbury — @workergnome 20
New York Times
David Newbury — @workergnome 21
(tiny)
Theory
of Visualization
David Newbury — @workergnome 22
Dataviz is constructed reality.
You are telling a story, not (just) stating facts.
David Newbury — @workergnome 23
data art
as opposed to
data visualization
as opposed to
statistical graphics
David Newbury — @workergnome 24
Statistical
Graphics
How do I create Statistical Graphs
in SAS 9.1.3 without Proc Gplot.
UCLA: Statistical Consulting
Group.
http://www.ats.ucla.edu/stat/sas/
notes2/
David Newbury — @workergnome 25
Data Art
Dear Data
Giorgia Lupi & Stefanie Posavec.
http://www.dear-data.com
David Newbury — @workergnome 26
Two Uses1). help people grasp things outside their reach
David Newbury — @workergnome 27
Two Uses1). help people grasp things outside their reach
2.) tell stories
David Newbury — @workergnome 28
explanatory visualization work
as opposed to
exploratory visualizations
David Newbury — @workergnome 29
Dataviz is constructed reality.
Do you care how true your story is?
Do you care how accurate your story is?
Are you trying to teach, entertain, or convince?
David Newbury — @workergnome 30
(Nerdy)
Overview of Concepts
David Newbury — @workergnome 31
What can you visualise?
David Newbury — @workergnome 32
Potential Subjects.
subways, sheep, the solar system,
shoes, sleep, skyline,
snow, supermarket, sausages,
school,the sea, spiders,
staircases, syrup, soap,
sawmills, stereos...
David Newbury — @workergnome 33
Potential Subjects.
subways, sheep, the solar system,
shoes, sleep, skyline,
snow, supermarket, sausages,
school,the sea, spiders,
staircases, syrup, soap,
sawmills, stereos...
...and other things that begin with S.
David Newbury — @workergnome 34
What are you interested in?
I'm interested in subways.
David Newbury — @workergnome 35
Data Visualization starts with...
A Question.
David Newbury — @workergnome 36
What question about your subject are you interested in?
— Are subways more efficient than owning a car?
— How often do I ride the subway in a year?
— What's locations have the best access to subways?
— What's the average subway commute in Pittsburgh?
David Newbury — @workergnome 37
Dimension and Scope
are about choosing
what to focus on.
David Newbury — @workergnome 38
Dimension
Which bits of information about a subject
are you going to focus on?
David Newbury — @workergnome 39
Possible Dimensions
number of cars
duration of ride
date of a ride
different lines
number of stops
cost per ride
number of stops per day
time between stops
cleanliness
David Newbury — @workergnome 40
Scope
Out of the infinite ways to look at your subject,
how are you going to choose one?
David Newbury — @workergnome 41
Possible Scopes
All trains in a day
All the rides that I've been on this year
My train this morning
All of the stops in the city
Each line
Every train stop in the past 50 years
David Newbury — @workergnome 42
(Fake)
Data Exploration
David Newbury — @workergnome 43
Choose one.
subways, sheep, the solar system,
shoes, sleep, skyline,
snow, supermarket, sausages,
school,the sea, spiders,
staircases, syrup, soap,
sawmills, stereos...
...and other things that begin with S.
David Newbury — @workergnome 44
TRY IT.1. Write down your subject
2. Write down your question
3. Write down as many dimensions as you can
4. Write down possible scopes for your data
David Newbury — @workergnome 45
What does your
data look like?
David Newbury — @workergnome 46
Types of Data
Dates
Numbers
Geo Coordinate
Strings
Categories
David Newbury — @workergnome 47
Types of Data
number of cars - Numeric
duration of ride - Numeric
date of a ride - Date
different lines - Category
number of stops - Numeric
cost per ride - Category
number of stops per day - Numeric
time between stops - Numeric
cleanliness - String
David Newbury — @workergnome 48
Two (related ides):
Categories & measures
David Newbury — @workergnome 49
Categories are Discrete Things
Measures are for Counting
David Newbury — @workergnome 50
number of cars - Measure
duration of ride - Measure
date of a ride - Measure
different lines - Categories
number of stops - Measure
cost per ride - Categories
number of stops per day - Measure
time between stops - Measure
cleanliness - Categories
David Newbury — @workergnome 51
A hidden dimension:
David, Daniel, Dawn, Danique
David Newbury — @workergnome 52
A hidden dimension:
David (1), Daniel (2), Dawn (3), Danique (4)
Position of the item in the group.
David Newbury — @workergnome 53
TRY IT.1. Choose a scope for your data.
2. Identify which dimensions are relevant.
3. Is the dimension is a category or a measure?
David Newbury — @workergnome 54
Now
What?David Newbury — @workergnome 55
We need to map our data
from a domain
to a range.
David Newbury — @workergnome 56
Domain
number of cars - 1...8
duration of ride - 30 sec...2 hours
date of a ride - - 24ft...200ft
different lines - Red line, Blue line, Green line, Silver
Line, Yellow Line
number of stops - **2..20
cost per ride - "$2.50, $1.75, $3.00, $0.00"
number of stops per day - ??...???
time between stops - 30 sec..5 minutes
David Newbury — @workergnome 57
Range
Domain is the possible input values
Range is the possible output values
David Newbury — @workergnome 58
Data
3, 7, 10, 6, 2
Position of the item in the group.
Domain
[0-10]
[1-5]
Range
X: 400px
Y: 800px
Mapping
X: item position
Y: numeric value
David Newbury — @workergnome 59
Data
3, 7, 10, 6, 2
Position of the item in the group.
Area
David Newbury — @workergnome 60
Data
3, 7, 10, 6, 2
Position of the item in the group.
Color
David Newbury — @workergnome 61
Data
val1: 3, 7, 10, 6, 2
val2: 5, 8, 1, 8, 3
val3: Cat, Dog, Cat, Cat, Dog
Position of the item in the group.
Mapping
X: item position
Y: val1
Size: val2
Color: val3
David Newbury — @workergnome 62
Dimensions beyond X and Y.
Color
Size
Shape
Labels
Patterns
Icons
Anything Else You Can Imagine
David Newbury — @workergnome 63
TRY IT.1. Identify your domains
2. For each domain, choose a range
3. Draw it!
David Newbury — @workergnome 64
Finishing
Touches
David Newbury — @workergnome 65
Measures get Axis
Categories get Headers
David Newbury — @workergnome 66
Labels
David Newbury — @workergnome 67
Axis
Category Axis
Number Axis
Date Axis
Log axis
David Newbury — @workergnome 68
Legends
David Newbury — @workergnome 69
TRY IT.1. Add a title to your chart
2. Label your axis
3. Add legends and labels as needed
David Newbury — @workergnome 70
Review
Dimensions
Scope
Domain
Range
Categories
Measures
David Newbury — @workergnome 71
Thank You.
David Newbury — @workergnome 72

More Related Content

PDF
You Suck At PowerPoint!
PDF
Telling Stories with Data: Class Notes 2
PDF
Data 101: Introduction to Data Visualization
PDF
Data 101: Making Charts from Spreadsheets
PDF
Data Visualization for Journalists and Media
PDF
What Makes Great Infographics
PDF
Masters of SlideShare
PDF
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
You Suck At PowerPoint!
Telling Stories with Data: Class Notes 2
Data 101: Introduction to Data Visualization
Data 101: Making Charts from Spreadsheets
Data Visualization for Journalists and Media
What Makes Great Infographics
Masters of SlideShare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare

Similar to Telling Stories With Data: Class 1 (20)

PPTX
Data is beautiful​, please don't ruin it
PDF
Dataviz 101: Data is beautiful, please don't ruin it by Anne-Marie Tousch, Se...
PDF
From Data to Visualization, what happens in between?
PDF
Network Mapping & Data Storytelling for Beginners
PPTX
Introduction to information visualisation for humanities PhDs
PDF
Introduction to Information Visualization (Part 2)
PPTX
Information Visualisation – an introduction
PDF
Data+Design
PPTX
Data vispresupdate.pptx
PDF
Explore Data: Data Science + Visualization
PPTX
Beyond the Black Box: Data Visualisation
KEY
Data Visualization Strategies & Open Source Tools
PDF
Designing Data Visualization
PDF
MPhil Lecture on Data Vis for Analysis
PDF
Information Visualization Workshop, ASIS&T 2015
PDF
Data Visualization
PDF
Storytelling with Data Visualization
PPT
Information visualisation
PDF
Science Online 2013: Data Visualization Using R
PPTX
Unit III.pptx
Data is beautiful​, please don't ruin it
Dataviz 101: Data is beautiful, please don't ruin it by Anne-Marie Tousch, Se...
From Data to Visualization, what happens in between?
Network Mapping & Data Storytelling for Beginners
Introduction to information visualisation for humanities PhDs
Introduction to Information Visualization (Part 2)
Information Visualisation – an introduction
Data+Design
Data vispresupdate.pptx
Explore Data: Data Science + Visualization
Beyond the Black Box: Data Visualisation
Data Visualization Strategies & Open Source Tools
Designing Data Visualization
MPhil Lecture on Data Vis for Analysis
Information Visualization Workshop, ASIS&T 2015
Data Visualization
Storytelling with Data Visualization
Information visualisation
Science Online 2013: Data Visualization Using R
Unit III.pptx
Ad

More from David Newbury (20)

PDF
The Work of Digital Collections — 2024 CIDOC Keynote, Rijksmuseum
PDF
What's Next for the Getty Vocabularies? — ITWG Working Group
PDF
Linked Data in Production: Moving Beyond Ontologies
PDF
The LOD Gateway: Open Source Infrastructure for Linked Data
PDF
Linked Data on a Budget
PDF
USE ME: progressive integration of IIIF with new software services at the Getty
PDF
IIIF Across Platforms | IIIF Community Call, January 2021
PDF
IIIF Canvases as First Class Citizens
PDF
IIIF and Linked Open Data: LODLAM 2020
PDF
How to Fail Interdisciplinarily
PDF
Sharing Data Across Memory Institutions
PDF
Extending IIIF 3.0
PDF
NDSR Learning Enrichment: Data Models and Linked Data
PDF
Fuzzy Dates & the Digital Humanities
PDF
21st Century Provenance: Lessons Learned Building Art Tracks
PPTX
Art Tracks: From Provenance to Structured Data
PPTX
Linked Data: Worse is Better
PDF
Understanding D3
PDF
Art Tracks: A technical deep dive.
PDF
Using Linked Data: American Art Collaborative, Oct. 3, 2016
The Work of Digital Collections — 2024 CIDOC Keynote, Rijksmuseum
What's Next for the Getty Vocabularies? — ITWG Working Group
Linked Data in Production: Moving Beyond Ontologies
The LOD Gateway: Open Source Infrastructure for Linked Data
Linked Data on a Budget
USE ME: progressive integration of IIIF with new software services at the Getty
IIIF Across Platforms | IIIF Community Call, January 2021
IIIF Canvases as First Class Citizens
IIIF and Linked Open Data: LODLAM 2020
How to Fail Interdisciplinarily
Sharing Data Across Memory Institutions
Extending IIIF 3.0
NDSR Learning Enrichment: Data Models and Linked Data
Fuzzy Dates & the Digital Humanities
21st Century Provenance: Lessons Learned Building Art Tracks
Art Tracks: From Provenance to Structured Data
Linked Data: Worse is Better
Understanding D3
Art Tracks: A technical deep dive.
Using Linked Data: American Art Collaborative, Oct. 3, 2016
Ad

Recently uploaded (20)

PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Complications of Minimal Access Surgery at WLH
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
Classroom Observation Tools for Teachers
PDF
RMMM.pdf make it easy to upload and study
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
Institutional Correction lecture only . . .
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
2.FourierTransform-ShortQuestionswithAnswers.pdf
Tissue processing ( HISTOPATHOLOGICAL TECHNIQUE
Anesthesia in Laparoscopic Surgery in India
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
202450812 BayCHI UCSC-SV 20250812 v17.pptx
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Supply Chain Operations Speaking Notes -ICLT Program
A systematic review of self-coping strategies used by university students to ...
Complications of Minimal Access Surgery at WLH
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
Classroom Observation Tools for Teachers
RMMM.pdf make it easy to upload and study
VCE English Exam - Section C Student Revision Booklet
Institutional Correction lecture only . . .
Microbial disease of the cardiovascular and lymphatic systems
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
O7-L3 Supply Chain Operations - ICLT Program
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
102 student loan defaulters named and shamed – Is someone you know on the list?

Telling Stories With Data: Class 1