Sunteți pe pagina 1din 54

Geoff McGhee

The Bill Lane Center for the American West


Stanford University

2010 Bill Lane Center for the American West


2009 Knight Journalism Fellow
2008 Le Monde
2000 The New York Times
1999 ABCNews.com
1998 Columbia Journalism School

Saturday, October 30, 2010


Saturday, October 30, 2010
Saturday, October 30, 2010
Saturday, October 30, 2010
Interviews

20-odd people in journalism,


academia, research and art

Saturday, October 30, 2010


Video Report

datajournalism.stanford.edu
Saturday, October 30, 2010
Main Points

Saturday, October 30, 2010


Saturday, October 30, 2010
Re-tooling

Statistical analysis
Database management
Web application development
Geographic Information Systems
Graphics APIs
(Specialized knowledge in ... ?)

Saturday, October 30, 2010


Re-tooling

“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.”

Saturday, October 30, 2010


Re-tooling

“We've changed the focus of our team


to concentrate more on database
journalism.”

Saturday, October 30, 2010


Re-tooling

“We have some open positions right now,


and I would love for those positions to be
geared towards somebody that had that
skill set: ‘Here’s what the data is and
the story is, here’s how we’d want to
shape the story based on this data.’”

Saturday, October 30, 2010


Excitement

Saturday, October 30, 2010


Excitement

“I think that there’s a sense that


data is something more like a
medium, something that can be used
to tell stories, and to do all of the things
that a medium can do, to delight and
inspire...”

Saturday, October 30, 2010


But...

Saturday, October 30, 2010


Saturday, October 30, 2010
Saturday, October 30, 2010
Saturday, October 30, 2010
Communication Medium?

Saturday, October 30, 2010


Saturday, October 30, 2010
“Much what we do is a lot of Le Monde

just showing you the data.” – J. Paige West, MSNBC

Saturday, October 30, 2010


How do we tell stories with data?

Saturday, October 30, 2010


National
Geographic
Magazine

Saturday, October 30, 2010


National
Geographic
Magazine

Saturday, October 30, 2010


Adding Interactivity?

Saturday, October 30, 2010


Adding Interactivity?
Preserving Source Data?

Saturday, October 30, 2010


Storytelling

“[Having a narrative] is hard to


do when the whole point of it is
click whatever button you want!”
– Amanda Cox, NYT

Saturday, October 30, 2010


How do we cope?

Saturday, October 30, 2010


Analysis of
Vis in Media

“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.”

Saturday, October 30, 2010


Analysis of
!"#$" %&'()*.8)$$),&6" 8)$$),&6".2,$(0,($"
%&'()*.2,$(0,($&#4 <&4=*&4=,&#4 ;$)#'&,&-#.!(&:)#0" 9$:"$&#4 5#,"$)0,&6&,7 3"'')4&#4

=6*">,%63%&#()3.*(4()2,"63();1''&

7":%,%"1(I>J';*6(K>?*(6*%,,(;?*6L
C93';D,%6*C(51.#1'666(B1";D'1

7%,*'1%&#(4()',';*%.&(4()'"1;3
O.P'1(O%#3,%#3*%&#(4(G'*"%,6
Vis in Media

9.&6%6*'&*(<%6?",(5,"*@.1:

)*%:?,"*%&#(G'@"?,*(<%'86
<'1+(N%:%*'/(R&*'1";*%P%*+
<%'8'1(K9":'1"L(!.*%.&
7%,:(4(<%/'.(4(-&%:"*%.&
-&&.*"*'/(01"23(4(!"2

51.#1'66(A"1(4(B%:'>"1

)?::"1+(4()+&*3'6%6
-;;.:2"&+%&#(-1*%;,'
-&%:"*'/(B1"&6%*%.&6

9"2*%.&6(4(O'"/,%&'6

9.::'&*(M'2%*%*%.&
93"1";*'1(G%1';*%.&

Q"P%#"*%.&(A?**.&6
7'"*?1'(G%6*%&;*%.&

F6'1(G%1';*'/(5"*3

=S2,%;%*(R&6*1?;*%.&
5"1*%*%.&'/(5.6*'1

9.&*%&?%*+(=/%*%&#

R&*1./?;*.1+(B'S*
I>J';*(9.&*%&?%*+

!?,*%E!'66"#%&#
M"&/.:(-;;'66
!"#"$%&'()*+,'

<%'8%&#(-&#,'

B";%*(B?*.1%",

-&&.*"*%.&6
9.:%;()*1%2

),%/'()3.8
7,.8(93"1*

9,.6'EF26

H..:%&#
!.*%.&

N%&'"1
-?/%.
%&'()*&+),&-#./"'0$&1,&-# 2-($0"
-1;3%*';*?1'("&/(T?6*%;'(KA1..D,+&(91%:'(A,.;D6L 9.,?:>%"(F&%PU()RGN V E E E E E E V V V E E E V V E V E E V V
T.3&()&.8W6(93"1*(.@(G'"*36(@1.:(93.,'1" =/8"1/(B?@*' V E E E E E E E E E V E
5.,%*%;%"&6(->?6'(*3'%1(71''E:"%,%&#(51%P%,'#'6(>'@.1'(=,';* =/8"1/(B?@*' V E E E E E E E E E V E
>EE V
E
E
V
E
V
E
E
E
E
E
V
7..*>",,(G1"8%&#6 <%6?",(9.:2,'S%*+ V E E E E E E E E E V E E E E E E E E
5'/'6*1%"&6(91.66%&#(*3'()*1''* <%6?",(9.:2,'S%*+ V E E E E E E E V E V E E E E E E E E
B3'(9,%:"*'(-#'&/" X"63%&#*.&(5.6* V E E E E E E E V V E E V E V E E V E E E V V E V E V V V V
?V
V E
@E
E V E V E E V AE
X3'&(G%/(Y.?1(9.?&*+Z6(T.>6(G%6"22'"1[ X"63%&#*.&(5.6* V E E E E E E E V V E E V E E E E E E E E E E E V E V V V V V V E V E E V E
-;"/":'*1%;6(O.?6'(51%;'(R&/'S 7%&"&;%",(B%:'6 E V E E E E E V V E E E V E E E E E E E E E E E V E V V V V E E E V E E E E V E
A"&D6W(="1&%&#6\(O.8(9.:2'&6"*%.&(M',"*'6(*.(5'1@.1:" 7%&"&;%",(B%:'6 E V E E E E E E V V E E E E V E E E E E E E V E V E E V V V V E E V E E E E V E
G'"/,+(I@@'&6%P'\(B",%>"&(-**";D6(%&(5"D%6*"& 7%&"&;%",(B%:'6 E V E E E E E E V V E E V E E E E V E E E E E E E V E V V V E V E V V E V E V E
0G5(!.P'6(>+()';*.1 7%&"&;%",(B%:'6 E V E E E E E E V E E E V E E E E E E E E E E E V E V V V V V E E E E E E E V E
F](=;.&.:%;(G"*" 7%&"&;%",(B%:'6 E V E E E E E E V E E E V E E E E E E E E E E E V E V V E V V E E V E E E E V E
A?/#'*(^_`_\(M'";*%.&(@1.:("1.?&/(*3'(F] 0?"1/%"& E V E E E E E E V E E E V E E E E V E E E E E E V E V V E V E E E V V E V E E E
7.1:?,"(I&'(^_`_\(G1%P'1Z6(M"&D%&#6 0?"1/%"& E V E E E E E E V E E E V E E E E V E E E E E E V E V V E V V E E V E E E E E E
N%#3*%&#(F2(O"/1%"&Z6(X",, 0?"1/%"& E V E E E E E V E E E E V E E E E E E E E E E E V E E V E V V E E V V E E E V E
!"22%&#(O+/1.2.8'1(O.*62.*6(";1.66(*3'(F] 0?"1/%"& E V E E E E E E V E E E V E E E E E E E E E V E V E V V E V V E E V V E V E E E
!.6;.8(!'*1.(A.:>6\(%&*'1";*%P'(:"2 0?"1/%"& E V E E E E E E V E E E V E E E E E E E E E E E V E E V E V V E E V V E V E E E
B3'(X.1,/(=;.&.:+(B?1&6(*3'(9.1&'1 0?"1/%"& E V E E E E E E V E E E E E E E E E E E E E E E V E V V E V E E E V E E E E E E
!%&&'6.*"(=:2,.+:'&*(=S2,.1'1 !%&&'6.*"(5?>,%;(M"/%. E V E E E E E E E E E V V E V E E E E E E V V E V E V V E V V E E V V V E E V E
-(!"2(.@(I,+:2%;(!'/",6 Q'8(Y.1D(B%:'6 E V E E E E E E V V E E E E E E E E E E E V V E V E V V E V V V V V E E E E E E
-,,(.@(R&@,"*%.&Z6(N%**,'(5"1*6 Q'8(Y.1D(B%:'6 E V E E E E E V V E E E V E E E V E E E E V V E V E V V E V E E E V V E E E V E
5"*36(*.(*3'(B.2(.@(*3'(O.:'(M?&(93"1*6 Q'8(Y.1D(B%:'6 E V E E E E E E V E E E V E V E E E E E E E E E V E V V E V V E V V V E E E E E
B3'(=>>("&/(7,.8(.@(!.P%'6\(A.S(I@@%;'(M';'%2*6(`abc(d( Q'8(Y.1D(B%:'6 E V E E E E E E V V E E V E E E E E E V E E E E V E V V E V V E E V V E E E E E
B3'(T.>,'66(M"*'(@.1(5'.2,'(N%D'(Y.? Q'8(Y.1D(B%:'6 E V E E E E E E V E V E V E E E E E E E E V V E V E V V E V V E E V E E E E E E
-/P'1*%6':'&*\(A?6 F&%*'/(B';3&.,.#+ E V E E E E E E E E V E E V V E V E V E
-/P'1*%6':'&*\(O',%;.2*'1 F&%*'/(B';3&.,.#+ E V E E E E E E E E V E E V V E V E V E
-&",+$%&#(I>":"Z6();3'/?,' X"63%&#*.&(5.6* E V E E E E E E E V E E V E E E E V E E E E E E V E V V V E V E E E E E E E V E
I6;"16(^_`_\(B3'(A'6*(5%;*?1'(Q.:%&''6 0?"1/%"& E E V E E E E V V E V E V E E E E E E E E E E E V E V V E V E E E V V E V E E E
B3'(9.&6?:'1("&/(M'*"%,(51%;'(R&/%;'6(6%&;'(^__c 0?"1/%"& E E V E E E E V V V E E V E V E E E E E E V E E V E V V E V V E E V V V V E V E
F](<.*%&#(R&*'&*%.&6 0?"1/%"& E E V E E E E V V V E E V E V E E E E E E V E E V E V V V V V E E V V E V E V E
9.:2"1%6.&(.@(A'"1(!"1D'*6 Q'8(Y.1D(B%:'6 E E V E E E E E V V E E V E V E E E E V E V V E V E V V E V V E V V V E E E E E
7";'6(.@(*3'(G'"/ Q'8(Y.1D(B%:'6 E E V E E E E E V E E E V E E E E E E E E E E E V E V V V V V E V V V E E E V E
O.8(-:'1%;"&6()2'&/(B3'%1(G"+ Q'8(Y.1D(B%:'6 E E V E E E E V E E E E V E V E E E E E E V V E V E V V V E V E V V V V E E E E
!%;3',,'(I>":"Z6(7":%,+(B1'' Q'8(Y.1D(B%:'6 E E V E E E E E V E E E V E E E E E E E E V V E V E V V V V V E V V V V V V V E
Q'*7,%S(M'&*",6 Q'8(Y.1D(B%:'6 E E V E E E E E V V E E V E E E E E E E E E E E V E V V V E V E V V V E E E E E
)*'1.%/6(.1(Q.*e(*3'(5?16?%*(%6(I& Q'8(Y.1D(B%:'6 E E V E E E E E V E E V V V E E V V E V V E E
<"&;.?P'1Z6(I,+:2%;(<'&?' Q'8(Y.1D(B%:'6 E E V E E E E V E E E V V E V E V E V V E V V E V E V V V E V E E V V E E E E E
I&(*3'(!"2\(7%P'(!"J.1(Q.1*3(].1'"&(51%6.&(9":26 X"63%&#*.&(5.6* E E V E E E E V E E E V V E E E E E E E E E E E V E V V V V V E E V E E V E V E
)23'1'6(.@(R&@,?'&;'\(B3'(A?63(9":2"%#&(5%.&''16 X"63%&#*.&(5.6* E E V E E E E V E E E V V E E E E E E E E E E E V E V V E E V E V V V V E E V E
-(<%6?",(0?%/'(*.(*3'(7%&"&;%",(91%6%6 7,.8%&#(G"*" E E E V E E E E E E E E V V V E E E E E
=;.&.:%;(!',*/.8&(.@(^__bE^__a 7,.8%&#(G"*" E E E V E E E E E E E E V V V E V E E E
X3'1'(G%/(-,,(*3'(!.&'+(0.[ 7,.8%&#(G"*" E E E V E E E V E E E E E V V V E V V E E
N%@'(9+;,'(.@("(A''*,'(*31.?#3("(Y'"1 =/8"1/(B?@*' E E E E V E E V V V E E E E V V E E V E E E E E E E
!;9,.?/Z6(!"D%&#(9.:%;6 );.**(!;9,.?/ E E E E V E E V E E V V V V V V V V E E V V V V V V V V
-@#3"&%6*"&\(A'3%&/(*3'(71.&*(N%&' 7%&"&;%",(B%:'6 E E E E E V E V V V V E V E V E E V E E E E E E E V E V V E V E E V V E E E V E
B.+.*"(B%:',%&'\(-(9.:2"&+(O%6*.1+ 7%&"&;%",(B%:'6 E E E E E V E E V V E E V E E E E E E E E E E E V E V V E V V E E V E V E E E E
0"2:%&/'1(O?:"&(G'P',.2:'&* 0"2:%&/'1 E E E E E V E V E V V V V E V E V V E V E V V E E V V V V V V V V V V E V V E V
="1*3f?"D'6\(X3+(B3'+(O"22'& 0?"1/%"& E E E E E V E V E E E V V E V E V V E E E V V E E V V V V V V E V V V E V V V E
R1"&Z6(Q?;,'"1(51.#1"::' 0?"1/%"& E E E E E V E V E E E V V E V E V V E V E V V E E V V V V V V V V V V E V V V E
)3"?&(X3%*'Z6(G.?>,'(!;B8%6* 0?"1/%"& E E E E E V E E V V E E V V E E E V E E E V E E E V E E V V E E E V V E V E E E
B.+.*"Z6()*%;D(-;;','1"*.1(51.>,': 0?"1/%"& E E E E E V E E V E E V V E V E V V E E E V V E E V V E V V V E V V V E V E E E
-,2%&'()D%%&#e(71.:(B';3&%;",(B?1&6(*.(B?;D6("&/()2''/ Q'8(Y.1D(B%:'6 E E E E E V E V E V V E V E E E E V E E E E V E E V E E V V E E E V V E E V V E
A?/#'*(7.1';"6*6(P6U(M'",%*+ Q'8(Y.1D(B%:'6 E E E E E V E V V V V E V E V E E E E E E V V E E V V V V V V V V V V E V V V E
O.8(*3'(0.P'1&:'&*(G'",*(8%*3(5"6*(M';'66%.&6 Q'8(Y.1D(B%:'6 E E E E E V E E V V E E V E E V E E E E E E E E E V V V E V E E V V V V V V E E
!";(I1%'&*"*%.&(<%/'. -22,' E E E E E E V V E E E V V E V E V V E V V V V E E V E E E V E E V
G',*"(-%12,"&'()"@'*+(<%/'. G',*" E E E E E E V V E E E V V V E E V V E V V V E E E V E E E V V E V
B3'()*.1+(.@()*?@@ )*.1+(.@()*?@@(51.J';* E E E E E E V V V E V E V V V V E V E E E V V E E V V V V V V
<%1#%&(-:'1%;"(-%12,"&'()"@'*+(<%/'. <%1#%&(-:'1%;" E E E E E E V E E E E V V V V V V V V V V E V E E V E E E V V E E

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 Segal and Heer, 2010
to engage the user in the interactive functionality. Region (4) shows the under-utilization of common storytelling techniques across narrative visualizations.

Saturday, October 30, 2010


=6*">,%63%&#()3.*(4()2,"63();1

C93';D,%6*C(51.#1'666(B1";D'1
9.&6%6*'&*(<%6?",(5,"*@.1:
7%,:(4(<%/'.(4(-&%:"*%.&
-&&.*"*'/(01"23(4(!"2

51.#1'66(A"1(4(B%:'>"1
Analysis of

5"1*%*%.&'/(5.6*'1
!"#"$%&'()*+,'
Vis in Media

9.:%;()*1%2

),%/'()3.8
7,.8(93"1*
%&'()*&+),&-#./"'0$&1,&-# 2-($0"
-1;3%*';*?1'("&/(T?6*%;'(KA1..D,+&(91%:'(A,.;D6L 9.,?:>%"(F&%PU()RGN V E E E E E E V
T.3&()&.8W6(93"1*(.@(G'"*36(@1.:(93.,'1" =/8"1/(B?@*' V E E E E E E
5.,%*%;%"&6(->?6'(*3'%1(71''E:"%,%&#(51%P%,'#'6(>'@.1'(=,';* =/8"1/(B?@*' V E E E E E E
7..*>",,(G1"8%&#6 <%6?",(9.:2,'S%*+ V E E E E E E
5'/'6*1%"&6(91.66%&#(*3'()*1''* <%6?",(9.:2,'S%*+ V E E E E E E
B3'(9,%:"*'(-#'&/" X"63%&#*.&(5.6* V E E E E E E E V V E
X3'&(G%/(Y.?1(9.?&*+Z6(T.>6(G%6"22'"1[ X"63%&#*.&(5.6* V E E E E E E E V V E
-;"/":'*1%;6(O.?6'(51%;'(R&/'S 7%&"&;%",(B%:'6 E V E E E E E V V E E
A"&D6W(="1&%&#6\(O.8(9.:2'&6"*%.&(M',"*'6(*.(5'1@.1:" 7%&"&;%",(B%:'6 E V E E E E E E V V E

vis.stanford.edu/papers/narrative
G'"/,+(I@@'&6%P'\(B",%>"&(-**";D6(%&(5"D%6*"& 7%&"&;%",(B%:'6 E V E E E E E E V V E
0G5(!.P'6(>+()';*.1 7%&"&;%",(B%:'6 E V E E E E E E V E E
F](=;.&.:%;(G"*" 7%&"&;%",(B%:'6 E V E E E E E E V E E
A?/#'*(^_`_\(M'";*%.&(@1.:("1.?&/(*3'(F] 0?"1/%"& E V E E E E E E V E E
7.1:?,"(I&'(^_`_\(G1%P'1Z6(M"&D%&#6 0?"1/%"& E V E E E E E E V E E
N%#3*%&#(F2(O"/1%"&Z6(X",, 0?"1/%"& E V E E E E E V E E E
!"22%&#(O+/1.2.8'1(O.*62.*6(";1.66(*3'(F] 0?"1/%"& E V E E E E E E V E E
!.6;.8(!'*1.(A.:>6\(%&*'1";*%P'(:"2 0?"1/%"& E V E E E E E E V E E
B3'(X.1,/(=;.&.:+(B?1&6(*3'(9.1&'1 0?"1/%"& E V E E E E E E V E E
!%&&'6.*"(=:2,.+:'&*(=S2,.1'1 !%&&'6.*"(5?>,%;(M"/%. E V E E E E E E E E E
-(!"2(.@(I,+:2%;(!'/",6 Q'8(Y.1D(B%:'6 E V E E E E E E V V E
-,,(.@(R&@,"*%.&Z6(N%**,'(5"1*6 Q'8(Y.1D(B%:'6 E V E E E E E V V E E
5"*36(*.(*3'(B.2(.@(*3'(O.:'(M?&(93"1*6 Q'8(Y.1D(B%:'6 E V E E E E E E V E E
B3'(=>>("&/(7,.8(.@(!.P%'6\(A.S(I@@%;'(M';'%2*6(`abc(d( Q'8(Y.1D(B%:'6 E V E E E E E E V V E
B3'(T.>,'66(M"*'(@.1(5'.2,'(N%D'(Y.? Q'8(Y.1D(B%:'6 E V E E E E E E V E V
-/P'1*%6':'&*\(A?6 F&%*'/(B';3&.,.#+ E V E E E E E
-/P'1*%6':'&*\(O',%;.2*'1 F&%*'/(B';3&.,.#+ E V E E E E E
-&",+$%&#(I>":"Z6();3'/?,' X"63%&#*.&(5.6* E V E E E E E E E V E
I6;"16(^_`_\(B3'(A'6*(5%;*?1'(Q.:%&''6 0?"1/%"& E E V E E E E V V E V
B3'(9.&6?:'1("&/(M'*"%,(51%;'(R&/%;'6(6%&;'(^__c 0?"1/%"& E E V E E E E
Segal andVHeer,V2010V E
F](<.*%&#(R&*'&*%.&6 0?"1/%"& E E V E E E E V V V E
9.:2"1%6.&(.@(A'"1(!"1D'*6 Q'8(Y.1D(B%:'6 E E V E E E E E V V E
7";'6(.@(*3'(G'"/ Q'8(Y.1D(B%:'6 E E V E E E E E V E E
Saturday, October 30, 2010
Identify Common Narrative Formats
Descriptive, Not Prescriptive

Saturday, October 30, 2010


Sources of Inspiration:
Comic Books
Movies
Video Games

Saturday, October 30, 2010


The “Science Fair Poster”
Using Space to Lay Out Regions; Directional Reading

Saturday, October 30, 2010


The “Martini Glass”
Linear Narrative Followed by Individual Exploration

Saturday, October 30, 2010


The “Data Slide Show”
Linear Narrative With Interaction Within Each Frame

Saturday, October 30, 2010


The “Data Slide Show”
Linear Narrative With Interaction Within Each Frame

Saturday, October 30, 2010


The “Drill-Down Story”
Wide-Angle View; Presents Links to Selected Closer Views

Saturday, October 30, 2010


The “Drill-Down Story”
Wide-Angle View; Presents Links to Selected Closer Views

Saturday, October 30, 2010


The “Drill-Down Story”
Wide-Angle View; Presents Links to Selected Closer Views

Saturday, October 30, 2010


The “Drill-Down Story”
Wide-Angle View; Presents Links to Selected Closer Views

Saturday, October 30, 2010


Visualization:
Why is interactivity important?

Saturday, October 30, 2010


Story:
Beginning> Middle> End

Saturday, October 30, 2010


Ethos of Visualization:
Transparency
Conversation
Exploration

Saturday, October 30, 2010


Transparency

Saturday, October 30, 2010


Transparency

Saturday, October 30, 2010


Transparency

Saturday, October 30, 2010


Transparency

Saturday, October 30, 2010


Conversation

Saturday, October 30, 2010


Conversation

Saturday, October 30, 2010


Conversation

Saturday, October 30, 2010


Conversation

Saturday, October 30, 2010


Saturday, October 30, 2010
Saturday, October 30, 2010

S-ar putea să vă placă și