Enlightenment 2.0: A New Era of Collaboration and Storytelling With Data

A New Era of Collaboration and Storytelling with Data
Geoff McGhee
Gartner Business Intelligence Summit, Los Angeles
May 3, 2011
Enlightenment 2.0
http://www.stanford.edu/group/toolingup/rplviz/
Visualizing the Enlightenment
Mapping the Republic of Letters, Stanford University (2009)
http://www.stanford.edu/group/toolingup/rplviz/
Visualizing the Enlightenment
Mapping the Republic of Letters, Stanford University (2009)
Great age of inquiry and discovery, from roughly 1680 to 1820
Triumph of evidence based, empirical reasoning
Collaboration and communication across borders, disciplines
Self-sustaining/accelerating as insight begets more insight
Enlightenment 1.0
What Was the Age of Enlightenment?
Mankinds nal coming of age, the
emancipation of the human consciousness
from an immature state of ignorance
and error.
Immanuel Kant
Enlightenment 1.0
Development of scientic method
Aftermath of blockbuster discoveries,
from Galileo to Isaac Newton
Exploration of the world
Growth of American colonies, path to
independence and self determination
End of Thirty Years War
Origins of the Enlightenment
Enlightenment 1.0
Interaction Across Disciplines
Philosophers, essayists, botanists, mathematicians, economists,
composers grappling individually and together with revolutionary
ideas, inventions and movements.
Enlightenment 1.0
John Locke
Thomas Paine
Adam Smith
Thomas Jefferson
Jean-Jacques Rousseau Benjamin Franklin
Voltaire Carl Linnaeus
What about today?

Explosion of electronic data collection and
storage
Moores law: increasingly powerful
processors, including GPUs
Digitization of media (photos, music, books...)
Remote sensors, RFID tags, POS systems
Cheap storage
Data formats (XML, JSON, RDF ), APIs
Social media, open source, crowdsourcing
Conditions for a Second Enlightenment
Enlightenment 2.0?
Finding meaning in a ood of data
Estimated 5 exabytes a day in 2003!
Increasing velocity of decision-making,
advent of real-time (or close) data
Responsible use of powerful information
technology: smartphone tracking, facial
recognition, other data collection methods
Government, business and individuals
rethinking long-held habits in light of new,
actionable information
Enlightenment 2.0?

Challenges of the 21st Century
We are confronted today with
insurmountable opportunities.
Walt Kelly, Pogo
Enlightenment 2.0?
Enlightenment 1.0
Coffee houses as gathering places
Enlightenment 2.0?

Laptopistan
Physicist, Inventor of the Hypertext Protocol
Tim Berners-Lee
Envisioned the World Wide Web as a tool
for sharing data
Published inuential article, the semantic
web, in 2001
End result of a semantic web
machine-readable documents, all the
webs content as (or convertible into)
structured data
Enlightenment 2.0?
Heroes of a Second Enlightenment
Data Journalism
Programmer Journalists
Rise of programmer-journalists who know their CSV
from their RDF, can throw together some quick
MySQL queries for a PHP or Python output and
discover the story lurking in datasets released by
governments, local authorities, agencies, or any
combination of them even across national
borders.
Journalists need to be data-savvy. It used to be
that you would get stories by chatting to people in
bars...
But now it's also going to be about poring over
data and equipping yourself with the tools to analyse
it and picking out what's interesting. And keeping it
in perspective, helping people out by really seeing
where it all fits together, and what's going on in the
country.
Tim Berners-Lee,
Nov. 2010
Computer Scientists, Data Visualization Pioneers
Ben Shneiderman, Jock Mackinlay
Developed science of human-computer
interaction, built on principles of information
graphics going back to 1700s and early works
of Charles Minard, Edward Playfair.
Also adapted rules from Jacques Bertins
semiology of graphics, left, to computer
visualization
Enlightenment 2.0?
Programmers, Artists
Ben Fry and Casey Reas
Developed Processing, Java-based tool for
authoring generative art and data
visualizations
Popular with computer scientists AND artists
Instrumental in making visualization sexy
Enlightenment 2.0?
Processing.org
Chief Economist, Google
Hal Varian
I keep saying the sexy job in the next ten
years will be statisticians. The ability to
take data - to be able to understand it, to
process it, to extract value from it, to
visualize it, to communicate its going to be a
hugely important skill in the next decades.
Interview with McKinsey Quarterly
Enlightenment 2.0?
Public Health Researcher
Hans Rosling
Enlightenment 2.0?
The Joy of Stats on BBC Television
Known for exuberant TED Talks on
human development statistics over time
Model for narrative data storytelling with
heart Jacques Cousteau of data?
160-Year-Old Newspaper Company
The New York Times
Using visualization for news
Tapping into academic and scientic literature
Developing new gold standard for narrative vis
Enlightenment 2.0?
How Different Groups Spend
Their Day (2009)
The Unknown Coder
Enlightenment 2.0?
People who contribute countless hours
to open source projects from Open
Street Maps to Wikipedia to Linux OS
to to
Hackers and tinkerers who develop and
share tools to make high-end data
processing and visualization possible
for little or no cost
What Does This Enlightenment Look Like?
Everyday Use of Data to Make Decisions
Enlightenment 2.0?
Maps, GPS with live trafc
Donation Dashboard
Farecast search results
Greatschools.org
Zillow, Trulia, real estate
search engines
SF Park
= Were learning things that used to be unknown,
unknowable or impractical to know.
Twitter visualizations Google Public Data Explorer
But also larger insights about society ...
Politifact Obameter U.S. State Department: Opinion Space
Enlightenment 2.0?
Google N-Grams Baby Name Voyager
and new insights about the past.
Gapminder: Human Development Over Time Immigration Explorer
Enlightenment 2.0?
Enlightenment 2.0?
Mapping, Text Mining Texas Newpaper Archives Personal Annual Report
Data Vis For, and By Everyone
LinkedIn Maps Assessing NFL Draft Picks Through their Words
The Challenge of Data
We are mining information to find insights
and make decisions... But how do we do
this at such a large scale? As individuals?
As companies?
Bypass language centers, go direct to
the visual cortex
Leverage ability to recognize patterns,
visual sense-making
Powerful graphics chips enable
animation, live data processing possible
The Promise of Data Visualization

Using the Eye-Brain Connection
Map of New Brainland
by Unit Seven via Flickr
http://ightpatterns.com
Flight Patterns, Aaron Koblin (2005)
http://hint.fm/projects/ickr/
Flickr Flow, Fernanda Vigas and Martin Wattenberg (2009)
http://blog.blprnt.com/blog/blprnt/goodmorning
Good Morning, Jer Thorp (2009)
The Challenge of Data Visualization
God Mode visualizations keep the data
at arms length. Why? Production time,
technology used to produce them.
How do we get closer? How do we
provide texture and story?
Journey of Discovery
10 Years in Infographics and Multimedia
ABC News, 1999-2000
The New York Times, 2000-2008
10 Years in Infographics and Multimedia
Le Monde, 2008-2009
Study Year at Stanford
2009-2010 John S. Knight Journalism Fellowship
Study Year at Stanford
2009-2010 John S. Knight Journalism Fellowship
20-odd people in journalism,
academia, research and art
Interviews About Data Visualization
Video Documentary
Video Documentary
datajournalism.stanford.edu
Podcast Available on iTunes
Video Documentary
How are journalists using data vis?
Question:
Amanda studied stats in college and
she's brought both a little bit more of a
focus on data to the department and also
just sort of an amazing ability to
process data.
New Players
Data Visualization in Journalism
Budget Forecasts, Compared
with Reality (2009)
All of Inations Little Parts (2009)
We have some open positions right now,
and I would love for those positions to be
geared towards somebody that had that skill
set: Heres what the data is and the
story is, heres how wed want to shape
the story based on this data.
Re-tooling
Seeds of Recovery (2008)
Stimulus Tracker (2008)
Re-tooling
We've changed the focus of our team
to concentrate more on database
journalism.
Trafc Deaths (2009)
Afghan Casualty Tracker (2008)
Collaboration
What you see is this incredibly uid ow of ideas, and to me thats
really what's exciting. Maybe 15 years ago, there were these
very distinct silos and people in completely different elds
had no ideaeveryone was working toward the same thing
but today there's starting to fuse, its fun, its competitive,
well look around all the time, wheres the next amazing
thing going to come from?
Map of the Market (1998)
Timeow, an analytical timeline for
journalists (2010)
Enlightenment?
Journalism/
Communications
Humanities
Computer
Science/
HCI
Natural Sciences/
Engineering
Social
Sciences
Collaborations
Bill Lane Center
For the American West
People come up to me all the
time and ask, whats with this
data visualization thing?
Follow these three blogs (via RSS, email, Flipboard etc), youll catch
virtually everything interesting that comes along
Cover visualization for news, science, marketing, art
Cross-Disciplinary Communication
Vis Blogs: The Virtual Water Cooler
Infosthetics.com Visual Complexity Flowing Data
Excitement
Visualization as a Medium?
I think that there's a sense that data is something more like
a medium, and something that can be used to tell stories,
and to do all of the things that a medium can do, to delight
and inspire...
-E||c |ode|oec|. 5|ame| Des|g|
I think that there's a sense that data is something more like
a medium, and something that can be used to tell stories,
and to do all of the things that a medium can do, to delight
and inspire...
-E||c |ode|oec|. 5|ame| Des|g|
Visualization as a Communication Medium?
Communication Medium?
How do we tell stories with data?
How do we approach data in an enlightened way?
Data Storytelling
From Discovery to Communication
Discovery/Acquisition Analysis Visualization
Traditional Approach
Enterprise DB
Spreadsheet
External Source
Ofce Productivity App
SPSS
...
Data Storytelling
Discovery/
Acquisition
Cleaning/
Munging
Analysis/Exploratory
Visualization
Iteration Publication
Enlightened Approach
Enterprise DB
Spreadsheet
External Source
Google Rene
Data Wrangler
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
Data Storytelling
Discovery/
Acquisition
Cleaning/
Munging
Visualization
Enterprise DB
Spreadsheet
External Source
Google Rene
Data Wrangler
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
Data Storytelling
Discovery/
Acquisition
Cleaning/
Munging
Visualization
Enterprise DB
Spreadsheet
External Source
Google Rene
Data Wrangler
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
Data Storytelling
Discovery/
Acquisition
Cleaning/
Munging
Visualization
Enterprise DB
Spreadsheet
External Source
Google Rene
Data Wrangler
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
Data Storytelling
Cleaning/
Munging
Visualization
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
Data Storytelling
Cleaning/
Munging
Visualization
Iteration Publication Feedback
Collective
Exploration
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
User Testing
Comment
Threads
Save state/Bookmark
In-Context Comments
Sharing
Data Storytelling
Cleaning/
Munging
Visualization
Collective
Exploration
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
User Testing
Comment
Threads
Save state/Bookmark
In-Context Comments
Sharing
Data Storytelling
Cleaning/
Munging
Visualization
Collective
Exploration
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
User Testing
Comment
Threads
Save state/Bookmark
In-Context Comments
Share
Use of proven methods of
user engagement and
storytelling
Data Storytelling
The Traditional Approach
Hand-waving and Powerpoint
The Enlightened Approach
Data Storytelling
Takes advantage of proven models of narrative
storytelling and user engagement.
Hand-waving and Powerpoint
We are very interested in how
visualizations are being taken up in
mass media, particularly in
journalism, so we simply collected as
many examples of that as we could.
Data Storytelling
Story Formats:
Learning Best
Practices
Genre
Visualization Description Source M
a
g
a
z
i
n
e

S
t
y
l
e
A
n
n
o
t
a
t
e
d

G
r
a
p
h

/

M
a
p
P
a
r
t
i
t
i
o
n
e
d

P
o
s
t
e
r
F
l
o
w

C
h
a
r
t
C
o
m
i
c

S
t
r
i
p
S
l
i
d
e

S
h
o
w
F
i
l
m

/

V
i
d
e
o

/

A
n
i
m
a
t
i
o
n
E
s
t
a
b
l
i
s
h
i
n
g

S
h
o
t

/

S
p
l
a
s
h

S
c
r
e
e
n
C
o
n
s
i
s
t
e
n
t

V
i
s
u
a
l

P
l
a
t
f
o
r
m
P
r
o
g
r
e
s
s

B
a
r

/

T
i
m
e
b
a
r
"
C
h
e
c
k
l
i
s
t
"

P
r
o
g
r
e
s
s
s

T
r
a
c
k
e
r
C
l
o
s
e
-
U
p
s
F
e
a
t
u
r
e

D
i
s
t
i
n
c
t
i
o
n
C
h
a
r
a
c
t
e
r

D
i
r
e
c
t
i
o
n
M
o
t
i
o
n
A
u
d
i
o
Z
o
o
m
i
n
g
F
a
m
i
l
i
a
r

O
b
j
e
c
t
s

(
b
u
t

s
t
i
l
l

c
u
t
s
)
V
i
e
w
i
n
g

A
n
g
l
e
V
i
e
w
e
r

(
C
a
m
e
r
a
)

M
o
t
i
o
n
C
o
n
t
i
n
u
i
t
y

E
d
i
t
i
n
g
O
b
j
e
c
t

C
o
n
t
i
n
u
i
t
y
A
n
i
m
a
t
e
d

T
r
a
n
s
i
t
i
o
n
s
R
a
n
d
o
m

A
c
c
e
s
s
U
s
e
r

D
i
r
e
c
t
e
d

P
a
t
h
L
i
n
e
a
r
H
o
v
e
r

H
i
g
h
l
i
g
h
t
i
n
g

/

D
e
t
a
i
l
s
F
i
l
t
e
r
i
n
g

/

S
e
l
e
c
t
i
o
n

/

S
e
a
r
c
h
N
a
v
i
g
a
t
i
o
n

B
u
t
t
o
n
s
V
e
r
y

L
i
m
i
t
e
d

I
n
t
e
r
a
c
t
i
v
i
t
y
E
x
p
l
i
c
i
t

I
n
s
t
r
u
c
t
i
o
n
T
a
c
i
t

T
u
t
o
r
i
a
l
S
t
i
m
u
l
a
t
i
n
g

D
e
f
a
u
l
t

V
i
e
w
s
C
a
p
t
i
o
n
s

/

H
e
a
d
l
i
n
e
s
A
n
n
o
t
a
t
i
o
n
s
A
c
c
o
m
p
a
n
y
i
n
g

A
r
t
i
c
l
e
M
u
l
t
i
-
M
e
s
s
a
g
i
n
g
C
o
m
m
e
n
t

R
e
p
i
t
i
t
i
o
n
I
n
t
r
o
d
u
c
t
o
r
y

T
e
x
t
S
u
m
m
a
r
y

/

S
y
n
t
h
e
s
i
s
Architecture and Justice (Brooklyn Crime Blocks) Columbia Univ. SIDL + - - - - - - + + + - - - + + - + - - + +
John Snows Chart of Deaths from Cholera Edward Tufte + - - - - - - - - - + - - + - - - - -
Politicians Abuse their Free-mailing Privileges before Elect Edward Tufte + - - - - - - - - - + - - - + + - - +
Football Drawings Visual Complexity + - - - - - - - - - + - - - - - - - -
Pedestrians Crossing the Street Visual Complexity + - - - - - - - + - + - - - - - - - -
The Climate Agenda Washington Post + - - - - - - - + + - - + - + - - + - - - + + - + - + + + + + - - + - + - - + -
When Did Your County's Jobs Disappear? Washington Post + - - - - - - - + + - - + - - - - - - - - - - - + - + + + + + + - + - + - - + -
Acadametrics House Price Index Financial Times - + - - - - - + + - - - + - - - - - - - - - - - + - + + + + - - - + - - - - + -
Banks Earnings: How Compensation Relates to Performa Financial Times - + - - - - - - + + - - - - + - - - - - - - + - + - - + + + + - - + - - - - + -
Deadly Offensive: Taliban Attacks in Pakistan Financial Times - + - - - - - - + + - - + - - - - + - - - - - - - + - + + + - + - + + - + - + -
GDP Moves by Sector Financial Times - + - - - - - - + - - - + - - - - - - - - - - - + - + + + + + - - - - - - - + -
UK Economic Data Financial Times - + - - - - - - + - - - + - - - - - - - - - - - + - + + - + + - - + - - - - + -
Budget 2010: Reaction from around the UK Guardian - + - - - - - - + - - - + - - - - + - - - - - - + - + + - + - - - + + - + - - -
Formula One 2010: Driver's Rankings Guardian - + - - - - - - + - - - + - - - - + - - - - - - + - + + - + + - - + - - - - - -
Lighting Up Hadrian's Wall Guardian - + - - - - - + - - - - + - - - - - - - - - - - + - - + - + + - - + + - - - + -
Mapping Hydropower Hotspots across the UK Guardian - + - - - - - - + - - - + - - - - - - - - - + - + - + + - + + - - + + - + - - -
Moscow Metro Bombs: interactive map Guardian - + - - - - - - + - - - + - - - - - - - - - - - + - - + - + + - - + + - + - - -
The World Economy Turns the Corner Guardian - + - - - - - - + - - - - - - - - - - - - - - - + - + + - + - - - + - - - - - -
Minnesota Employment Explorer Minnesota Public Radio - + - - - - - - - - - + + - + - - - - - - + + - + - + + - + + - - + + + - - + -
A Map of Olympic Medals New York Times - + - - - - - - + + - - - - - - - - - - - + + - + - + + - + + + + + - - - - - -
All of Inflation's Little Parts New York Times - + - - - - - + + - - - + - - - + - - - - + + - + - + + - + - - - + + - - - + -
Paths to the Top of the Home Run Charts New York Times - + - - - - - - + - - - + - + - - - - - - - - - + - + + - + + - + + + - - - - -
The Ebb and Flow of Movies: Box Office Receipts 1986 - New York Times - + - - - - - - + + - - + - - - - - - + - - - - + - + + - + + - - + + - - - - -
The Jobless Rate for People Like You New York Times - + - - - - - - + - + - + - - - - - - - - + + - + - + + - + + - - + - - - - - -
Advertisement: Bus United Technology - + - - - - - - - - + - - + + - + - + -
Advertisement: Helicopter United Technology - + - - - - - - - - + - - + + - + - + -
Analyzing Obama's Schedule Washington Post - + - - - - - - - + - - + - - - - + - - - - - - + - + + + - + - - - - - - - + -
Oscars 2010: The Best Picture Nominees Guardian - - + - - - - + + - + - + - - - - - - - - - - - + - + + - + - - - + + - + - - -
The Consumer and Retail Price Indices since 2006 Guardian - - + - - - - + + + - - + - + - - - - - - + - - + - + + - + + - - + + + + - + -
UK Voting Intentions Guardian - - + - - - - + + + - - + - + - - - - - - + - - + - + + + + + - - + + - + - + -
Comparison of Bear Markets New York Times - - + - - - - - + + - - + - + - - - - + - + + - + - + + - + + - + + + - - - - -
Faces of the Dead New York Times - - + - - - - - + - - - + - - - - - - - - - - - + - + + + + + - + + + - - - + -
How Americans Spend Their Day New York Times - - + - - - - + - - - - + - + - - - - - - + + - + - + + + - + - + + + + - - - -
Michelle Obama's Family Tree New York Times - - + - - - - - + - - - + - - - - - - - - + + - + - + + + + + - + + + + + + + -
NetFlix Rentals New York Times - - + - - - - - + + - - + - - - - - - - - - - - + - + + + - + - + + + - - - - -
Steroids or Not, the Pursuit is On New York Times - - + - - - - - + - - + + + - - + + - + + - -
Vancouver's Olympic Venue New York Times - - + - - - - + - - - + + - + - + - + + - + + - + - + + + - + - - + + - - - - -
On the Map: Five Major North Korean Prison Camps Washington Post - - + - - - - + - - - + + - - - - - - - - - - - + - + + + + + - - + - - + - + -
Spheres of Influence: The Bush Campaign Pioneers Washington Post - - + - - - - + - - - + + - - - - - - - - - - - + - + + - - + - + + + + - - + -
A Visual Guide to the Financial Crisis Flowing Data - - - + - - - - - - - - + + + - - - - -
Economic Meltdown of 2008-2009 Flowing Data - - - + - - - - - - - - + + + - + - - -
Where Did All the Money Go? Flowing Data - - - + - - - + - - - - - + + + - + + - -
Life Cycle of a Beetle through a Year Edward Tufte - - - - + - - + + + - - - - + + - - + - - - - - - -
McCloud's Making Comics Scott McCloud - - - - + - - + - - + + + + + + + + - - + + + + + + + +
Afghanistan: Behind the Front Line Financial Times - - - - - + - + + + + - + - + - - + - - - - - - - + - + + - + - - + + - - - + -
Toyota Timeline: A Company History Financial Times - - - - - + - - + + - - + - - - - - - - - - - - + - + + - + + - - + - + - - - -
Gapminder Human Development Gapminder - - - - - + - + - + + + + - + - + + - + - + + - - + + + + + + + + + + - + + - +
Earthquakes: Why They Happen Guardian - - - - - + - + - - - + + - + - + + - - - + + - - + + + + + + - + + + - + + + -
Iran's Nuclear Programme Guardian - - - - - + - + - - - + + - + - + + - + - + + - - + + + + + + + + + + - + + + -
Shaun White's Double McTwist Guardian - - - - - + - - + + - - + + - - - + - - - + - - - + - - + + - - - + + - + - - -
Toyota's Stick Accelerator Problem Guardian - - - - - + - - + - - + + - + - + + - - - + + - - + + - + + + - + + + - + - - -
Alpine Skiing, From Technical Turns to Tucks and Speed New York Times - - - - - + - + - + + - + - - - - + - - - - + - - + - - + + - - - + + - - + + -
Budget Forecasts vs. Reality New York Times - - - - - + - + + + + - + - + - - - - - - + + - - + + + + + + + + + + - + + + -
How the Government Dealt with Past Recessions New York Times - - - - - + - - + + - - + - - + - - - - - - - - - + + + - + - - + + + + + + - -
Mac Orientation Video Apple - - - - - - + + - - - + + - + - + + - + + + + - - + - - - + - - +
Delta Airplane Safety Video Delta - - - - - - + + - - - + + + - - + + - + + + - - - + - - - + + - +
The Story of Stuff Story of Stuff Project - - - - - - + + + - + - + + + + - + - - - + + - - + + + + + +
Virgin America Airplane Safety Video Virgin America - - - - - - + - - - - + + + + + + + + + + - + - - + - - - + + - -
Messaging Interactivity
Narrative Structure Visual Narrative
Ordering Transition Guidance Highlighting Visual Structuring
1
2 3
4
Fig. 7. Design space analysis of narrative visualization. Columns indicate recurring design elements and selected regions highlight patterns in the data. Region (1) shows clusters of ordering
strategies that correspond to distinct genres of visual narration. Region (2) highlights the consistency of interactive designs used by visualizations. Region (3) shows the under-utilization of strategies
to engage the user in the interactive functionality. Region (4) shows the under-utilization of common storytelling techniques across narrative visualizations.
Segal and Heer, 2010
Data Storytelling
Analysis of Vis
in Media
Data Storytelling
Genre
a
g
a
z
i
n
e

S
t
y
l
e
A
n
n
o
t
a
t
e
d

G
r
a
p
h

/

M
a
p
P
a
r
t
i
t
i
o
n
e
d

P
o
s
t
e
r
F
l
o
w

C
h
a
r
t
C
o
m
i
c

S
t
r
i
p
S
l
i
d
e

S
h
o
w
F
i
l
m

/

V
i
d
e
o

/

A
n
i
m
a
t
i
o
n
E
s
t
a
b
l
i
s
h
i
n
g

S
h
o
t

/

S
p
l
a
s
h

S
c
r
e
e
n
C
o
n
s
i
s
t
e
n
t

V
i
s
u
a
l

P
l
a
t
f
o
r
m
P
r
o
g
r
e
s
s

B
a
r

/

T
i
m
e
b
a
r
"
C
h
e
c
k
l
i
s
t
"

P
r
o
g
r
e
s
s
s

T
r
a
c
k
e
r
C
l
o
s
e
-
U
p
s
F
e
a
t
u
r
e

D
i
s
t
i
n
c
t
i
o
n
C
h
a
r
a
c
t
e
r

D
i
r
e
c
t
i
o
n
M
o
t
i
o
n
A
u
d
i
o
Z
o
o
m
i
n
g
F
a
m
i
l
i
a
r

O
b
j
e
c
t
s

(
b
u
t

s
t
i
l
l

c
u
t
s
)
V
i
e
w
i
n
g

A
n
g
l
e
V
i
e
w
e
r

(
C
a
m
e
r
a
)

M
o
t
i
o
n
C
o
n
t
i
n
u
i
t
y

E
d
i
t
i
n
g
O
b
j
e
c
t

C
o
n
t
i
n
u
i
t
y
A
n
i
m
a
t
e
d

T
r
a
n
s
i
t
i
o
n
s
R
a
n
d
o
m

A
c
c
e
s
s
U
s
e
r

D
i
r
e
c
t
e
d

P
a
t
h
L
i
n
e
a
r
H
o
v
e
r

H
i
g
h
l
i
g
h
t
i
n
g

/

D
e
t
a
i
l
s
F
i
l
t
e
r
i
n
g

/

S
e
l
e
c
t
i
o
n

/

S
e
a
r
c
h
N
a
v
i
g
a
t
i
o
n

B
u
t
t
o
n
s
V
e
r
y

L
i
m
i
t
e
d

I
n
t
e
r
a
c
t
i
v
i
t
y
E
x
p
l
i
c
i
t

I
n
s
t
r
u
c
t
i
o
n
T
a
c
i
t

T
u
t
o
r
i
a
l
S
t
i
m
u
l
a
t
i
n
g

D
e
f
a
u
l
t

V
i
e
w
s
C
a
p
t
i
o
n
s

/

H
e
a
d
l
i
n
e
s
A
n
n
o
t
a
t
i
o
n
s
A
c
c
o
m
p
a
n
y
i
n
g

A
r
t
i
c
l
e
M
u
l
t
i
-
M
e
s
s
a
g
i
n
g
C
o
m
m
e
n
t

R
e
p
i
t
i
t
i
o
n
I
n
t
r
o
d
u
c
t
o
r
y

T
e
x
t
S
u
m
m
a
r
y

/

S
y
n
t
h
e
s
i
s
Architecture and Justice (Brooklyn Crime Blocks) Columbia Univ. SIDL + - - - - - - + + + - - - + + - + - - + +
John Snows Chart of Deaths from Cholera Edward Tufte + - - - - - - - - - + - - + - - - - -
Politicians Abuse their Free-mailing Privileges before Elect Edward Tufte + - - - - - - - - - + - - - + + - - +
Football Drawings Visual Complexity + - - - - - - - - - + - - - - - - - -
Pedestrians Crossing the Street Visual Complexity + - - - - - - - + - + - - - - - - - -
The Climate Agenda Washington Post + - - - - - - - + + - - + - + - - + - - - + + - + - + + + + + - - + - + - - + -
When Did Your County's Jobs Disappear? Washington Post + - - - - - - - + + - - + - - - - - - - - - - - + - + + + + + + - + - + - - + -
Acadametrics House Price Index Financial Times - + - - - - - + + - - - + - - - - - - - - - - - + - + + + + - - - + - - - - + -
Banks Earnings: How Compensation Relates to Performa Financial Times - + - - - - - - + + - - - - + - - - - - - - + - + - - + + + + - - + - - - - + -
GDP Moves by Sector Financial Times - + - - - - - - + - - - + - - - - - - - - - - - + - + + + + + - - - - - - - + -
A Map of Olympic Medals New York Times - + - - - - - - + + - - - - - - - - - - - + + - + - + + - + + + + + - - - - - -
Advertisement: Bus United Technology - + - - - - - - - - + - - + + - + - + -
Advertisement: Helicopter United Technology - + - - - - - - - - + - - + + - + - + -
The Consumer and Retail Price Indices since 2006 Guardian - - + - - - - + + + - - + - + - - - - - - + - - + - + + - + + - - + + + + - + -
UK Voting Intentions Guardian - - + - - - - + + + - - + - + - - - - - - + - - + - + + + + + - - + + - + - + -
Faces of the Dead New York Times - - + - - - - - + - - - + - - - - - - - - - - - + - + + + + + - + + + - - - + -
How Americans Spend Their Day New York Times - - + - - - - + - - - - + - + - - - - - - + + - + - + + + - + - + + + + - - - -
Michelle Obama's Family Tree New York Times - - + - - - - - + - - - + - - - - - - - - + + - + - + + + + + - + + + + + + + -
NetFlix Rentals New York Times - - + - - - - - + + - - + - - - - - - - - - - - + - + + + - + - + + + - - - - -
Steroids or Not, the Pursuit is On New York Times - - + - - - - - + - - + + + - - + + - + + - -
Vancouver's Olympic Venue New York Times - - + - - - - + - - - + + - + - + - + + - + + - + - + + + - + - - + + - - - - -
On the Map: Five Major North Korean Prison Camps Washington Post - - + - - - - + - - - + + - - - - - - - - - - - + - + + + + + - - + - - + - + -
Spheres of Influence: The Bush Campaign Pioneers Washington Post - - + - - - - + - - - + + - - - - - - - - - - - + - + + - - + - + + + + - - + -
A Visual Guide to the Financial Crisis Flowing Data - - - + - - - - - - - - + + + - - - - -
Economic Meltdown of 2008-2009 Flowing Data - - - + - - - - - - - - + + + - + - - -
Where Did All the Money Go? Flowing Data - - - + - - - + - - - - - + + + - + + - -
Life Cycle of a Beetle through a Year Edward Tufte - - - - + - - + + + - - - - + + - - + - - - - - - -
McCloud's Making Comics Scott McCloud - - - - + - - + - - + + + + + + + + - - + + + + + + + +
Afghanistan: Behind the Front Line Financial Times - - - - - + - + + + + - + - + - - + - - - - - - - + - + + - + - - + + - - - + -
Toyota Timeline: A Company History Financial Times - - - - - + - - + + - - + - - - - - - - - - - - + - + + - + + - - + - + - - - -
Gapminder Human Development Gapminder - - - - - + - + - + + + + - + - + + - + - + + - - + + + + + + + + + + - + + - +
Earthquakes: Why They Happen Guardian - - - - - + - + - - - + + - + - + + - - - + + - - + + + + + + - + + + - + + + -
Iran's Nuclear Programme Guardian - - - - - + - + - - - + + - + - + + - + - + + - - + + + + + + + + + + - + + + -
Shaun White's Double McTwist Guardian - - - - - + - - + + - - + + - - - + - - - + - - - + - - + + - - - + + - + - - -
Toyota's Stick Accelerator Problem Guardian - - - - - + - - + - - + + - + - + + - - - + + - - + + - + + + - + + + - + - - -
Alpine Skiing, From Technical Turns to Tucks and Speed New York Times - - - - - + - + - + + - + - - - - + - - - - + - - + - - + + - - - + + - - + + -
Budget Forecasts vs. Reality New York Times - - - - - + - + + + + - + - + - - - - - - + + - - + + + + + + + + + + - + + + -
How the Government Dealt with Past Recessions New York Times - - - - - + - - + + - - + - - + - - - - - - - - - + + + - + - - + + + + + + - -
Mac Orientation Video Apple - - - - - - + + - - - + + - + - + + - + + + + - - + - - - + - - +
Delta Airplane Safety Video Delta - - - - - - + + - - - + + + - - + + - + + + - - - + - - - + + - +
The Story of Stuff Story of Stuff Project - - - - - - + + + - + - + + + + - + - - - + + - - + + + + + +
Virgin America Airplane Safety Video Virgin America - - - - - - + - - - - + + + + + + + + + + - + - - + - - - + + - -
Messaging Interactivity
Narrative Structure Visual Narrative
Ordering Transition Guidance Highlighting Visual Structuring
1
2 3
4
Fig. 7. Design space analysis of narrative visualization. Columns indicate recurring design elements and selected regions highlight patterns in the data. Region (1) shows clusters of ordering
strategies that correspond to distinct genres of visual narration. Region (2) highlights the consistency of interactive designs used by visualizations. Region (3) shows the under-utilization of strategies
to engage the user in the interactive functionality. Region (4) shows the under-utilization of common storytelling techniques across narrative visualizations.
Data Storytelling
Analysis of Vis
in Media
a
g
a
z
i
n
e

S
t
y
l
e
A
n
n
o
t
a
t
e
d

G
r
a
p
h

/

M
a
p
P
a
r
t
i
t
i
o
n
e
d

P
o
s
t
e
r
F
l
o
w

C
h
a
r
t
C
o
m
i
c

S
t
r
i
p
S
l
i
d
e

S
h
o
w
F
i
l
m

/

V
i
d
e
o

/

A
n
i
m
a
t
i
o
n
E
s
t
a
b
l
i
s
h
i
n
g

S
h
o
t

/

S
p
l
a
s
h

S
c
r
e
e
n
C
o
n
s
i
s
t
e
n
t

V
i
s
u
a
l

P
l
a
t
f
o
r
m
P
r
o
g
r
e
s
s

B
a
r

/

T
i
m
e
b
a
r
"
C
h
e
c
k
l
i
s
t
"

P
r
o
g
r
e
s
s
s

T
r
a
c
k
e
r
Architecture and Justice (Brooklyn Crime Blocks) Columbia Univ. SIDL + - - - - - - +
John Snows Chart of Deaths from Cholera Edward Tufte + - - - - - -
Politicians Abuse their Free-mailing Privileges before Elect Edward Tufte + - - - - - -
Football Drawings Visual Complexity + - - - - - -
Pedestrians Crossing the Street Visual Complexity + - - - - - -
The Climate Agenda Washington Post + - - - - - - - + + - - + - + - - + - - - + + - + -
When Did Your County's Jobs Disappear? Washington Post + - - - - - - - + + - - + - - - - - - - - - - - + -
Acadametrics House Price Index Financial Times - + - - - - - + + - - - + - - - - - - - - - - - + -
Banks Earnings: How Compensation Relates to Performa Financial Times - + - - - - - - + + - - - - + - - - - - - - + - + - -
GDP Moves by Sector Financial Times - + - - - - - - + - - - + - - - - - - - - - - - + -
A Map of Olympic Medals New York Times - + - - - - - - + + - - - - - - - - - - - + + - + - + + -
Advertisement: Bus United Technology - + - - - - -
Advertisement: Helicopter United Technology - + - - - - -
The Consumer and Retail Price Indices since 2006 Guardian - - + - - - - + + + - - + - + - - - - - - + - - + - + + - + + - -
UK Voting Intentions Guardian - - + - - - - + + + - - + - + - - - - - - + - - + -
Faces of the Dead New York Times - - + - - - - - + - - - + - - - - - - - - - - - + -
Segal and Heer, 2010
vis.stanford.edu/papers/narrative
Data Storytelling
Analysis of Vis
in Media
Sources of Inspiration:
Comic Books
Movies
Video Games
The Enlightened Organization
Takes advantage of proven models of narrative
storytelling and user engagement.
The Science Fair Poster
Using Space to Lay Out Regions; Directional Reading
The Science Fair Poster
Using Space to Lay Out Regions; Directional Reading
Stimulating Default View
The Martini Glass Linear Narrative Followed by Individual Exploration
The Martini Glass
Linear Narrative Followed by Individual Exploration
First read: narrative
The Martini Glass
Linear Narrative Followed by Individual Exploration
First read: narrative
Second read: reference
The Data Slide Show
Linear Narrative With Interaction Within Each Frame
The Data Slide Show
Or just a series of annotated, sequenced charts
Search All NYTimes.com

Public workers make more
Surveys by the Bureau of Economic
Analysis show that public workers
annual compensation salary plus
benefits is higher on average than
private sector workers, and they suggest
that the gap is growing.
especially when figured per hour
of work.
Public workers also put in significantly
fewer hours per week. According to the
Bureau of Labor Statistics, their
compensation per hour is much
higher.
Most of the advantage is in benefits.
They cost state and local governments
$14 an hour on average, about 70
percent more than private employers
pay for their workers.
But comparisons are tricky
Economists point out that government
work tends to be in highly skilled
categories, so it is misleading to
compare the groups as a whole.
Published: March 6, 2011
Are State and Local Government Employees Paid Too Much?
Its not an easy question to answer for a number of reasons. Heres a primer on the issue.
Welcome, gmcghee Log Out Help TimesPeople
HOME PAGE TODAY'S PAPER VIDEO MOST POPULAR TIMES TOPICS
U.S.
WORLD U.S. N.Y. / REGION BUSINESS TECHNOLOGY SCIENCE HEALTH SPORTS OPINION ARTS STYLE TRAVEL JOBS REAL ESTATE AUTOS
POLITICS EDUCATION BAY AREA CHICAGO TEXAS
Search All NYTimes.com

Public workers make more
Surveys by the Bureau of Economic
Analysis show that public workers
annual compensation salary plus
benefits is higher on average than
private sector workers, and they suggest
that the gap is growing.
especially when figured per hour
of work.
Public workers also put in significantly
fewer hours per week. According to the
Bureau of Labor Statistics, their
compensation per hour is much
higher.
Most of the advantage is in benefits.
They cost state and local governments
$14 an hour on average, about 70
percent more than private employers
pay for their workers.
But comparisons are tricky
Economists point out that government
work tends to be in highly skilled
categories, so it is misleading to
compare the groups as a whole.
Published: March 6, 2011
Are State and Local Government Employees Paid Too Much?
Its not an easy question to answer for a number of reasons. Heres a primer on the issue.
Welcome, gmcghee Log Out Help TimesPeople
HOME PAGE TODAY'S PAPER VIDEO MOST POPULAR TIMES TOPICS
U.S.
WORLD U.S. N.Y. / REGION BUSINESS TECHNOLOGY SCIENCE HEALTH SPORTS OPINION ARTS STYLE TRAVEL JOBS REAL ESTATE AUTOS
POLITICS EDUCATION BAY AREA CHICAGO TEXAS
The Data Slide Show
Or just a series of annotated, sequenced charts
Wide-Angle View; Presents Links to Selected Closer Views
The Drill-Down Story
Wide-Angle View; Presents
Links to Selected Closer Views
Find yourself in the data
Linear Narratives Using Motion Graphics, Voiceover Videographics
Could be as simple as a screencast Videographics
Data Storytelling
Engaging the Audience
Views interactive media as a one-way avenue
to present its message
Data Storytelling
Adds a social component to allow users to
return feedback and participate in discovery
Views interactive media as a one-way avenue
to present its message
Data Storytelling
Going Social
Cleaning/
Munging
Visualization
Collective
Exploration
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
User Testing
Comment
Threads
Save state/Bookmark
In-Context Comments
Sharing
Data Storytelling
Going Social
Cleaning/
Munging
Visualization
Collective
Exploration
Tableau
Spotre
MS Ofce
Gephi
Cognos
Fusion Tables
R
Static Image or
Interactive app:
Flash
Processing
HTML5
User Testing
Comment
Threads
Save state/Bookmark
In-Context Comments
Sharing
Data Storytelling
Going Social: Linked Comment Thread
Data Storytelling
Data Storytelling
Data Storytelling
Going Social: Twitter/Facebook Integration with Saved State
Data Storytelling
Going Social: Twitter/Facebook Integration with Saved State
Data Storytelling
Going Social: Annotation
Data Storytelling
Going Social: Annotation
Data Storytelling
Going Social: Prediction
Data Storytelling
Going Social: Prediction
Public Posture in a Two-Way World?
Publish reports as static charts and tables
Lock down internal metrics, reports
Limit distribution within company
Traditional Approach
Aggressively protect proprietary data
Data and the Public Sphere

Create public spaces for conversations about
data related to your industry, even vis tools
Promote data vis competitions around
issues important to your customers
Release some company information, reports
as structured data, or through API
Rigorously scrub public data to anonymize,
protect sensitive information
Judicious Sharing and Publication

ManyEyes by IBM/Cognos
http://visualizing.org
Data and the Public Sphere: Creating Community
Visualizing.org by General Electric and Seed Media Group
http://visualizing.org
Visualizing.org by General Electric and Seed Media Group
Data and the Public Sphere: Competitions
http://www.wnyc.org/shows/bl/census/
Map Your Moves by WNYC Public Radio
http://www.wnyc.org/shows/bl/census/
Map Your Moves by WNYC Public Radio
http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-netix-map.html
Data and the Public Sphere: Peeks/Leaks
A Peek into Netix Queues, The New York Times (2010)
The Alternative?
Need to follow Twitter, Facebook, other social
media to know how people are reacting to
your products and services
Growing list of companies doing real-time
analysis with sophisticated natural language
processing tools/ articial intelligence: topic
modeling, sentiment analysis...
Customer Mood Watch

Keeping an Ear to the Ground
http://clara.is
Clara, Social Media Monitoring for Video Game Communities
Data Storytelling
Take existing presentation materials and
hire a design rm to add wow factor
Data Storytelling
Create data visualizations to explain performance,
provide industry context, or engage customers in how
they use their product.
Use best visual practices that leverage research on
effectiveness of visual language through clarity and
simplicity
Take existing presentation materials and
hire a design rm to add wow factor
Bertins rules for visual encodings:
Length/height, position, color, area, symbol
etc, in descending order of effectiveness
Clean layout and design based in gestalt
language of grouping, symbology
Especially when introducing unfamiliar data
Prominent key/legend on all graphics!
Importance of Good Fundamentals
Data Storytelling
Data Storytelling
Seek Out the Experts
Edward Tufte Stephen Few Connie Malamed
Best Guides for Visual Communication
Data Storytelling
But Have a Little Fun, Too
Article by Martin Wattenberg and Fernanda Vigas
Data Storytelling
But Have a Little Fun, Too
Article by Martin Wattenberg and Fernanda Vigas
Graphs have become easier
to read, though their minimalist
uniformity sometimes feels like
a library where all the books
were written by Hemingway.
Data Storytelling
Join the Conversation
Bring on the Debates!
Thanks!
geoffmcghee@gmail.com

Enlightenment 2.0: A New Era of Collaboration and Storytelling With Data

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Enlightenment 2.0: A New Era of Collaboration and Storytelling With Data

Caricato da

Copyright:

Formati disponibili

A New Era of Collaboration and Storytelling with Data

Potrebbero piacerti anche