Upload
geoff-mcghee
View
522
Download
3
Tags:
Embed Size (px)
DESCRIPTION
Presentation to Malofiej 19 Infographics Summit, Pamplona, Spain, March 25, 2011
Citation preview
Journalism in the Age of DataTelling Stories with Visualization and Infographics
Geoff McGheeMalofiej 19 Infographics SummitMarch 25, 2011
10 Years in Infographics and Multimedia
10 Years in Infographics and Multimedia
Study Year at Stanford
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Databases and database management• Web application development• Visualization theory and techniques• Geographic information systems• Statistics
Back to School
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Databases and database management• Web application development• Visualization theory and techniques• Geographic information systems• Statistics• Business school classes, wine tasting,
tennis, piano
Back to School
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Propose project that leads to a “tangible result”
Knight Fellowship:New Focus on Journalism Innovation
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Propose project that leads to a “tangible result”
• Templates for infographics, data maps?
Knight Fellowship:New Focus on Journalism Innovation
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Propose project that leads to a “tangible result”
• Templates for infographics, data maps?Hard to develop alone, support long term, Flash in decline
Knight Fellowship:New Focus on Journalism Innovation
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Propose project that leads to a “tangible result”
• Templates for infographics, data maps?Hard to develop alone, support long term, Flash in decline
• Guide to visualization techniques?
Knight Fellowship:New Focus on Journalism Innovation
2009-2010 Knight Journalism Fellowship
knight.stanford.edu
Study Year at Stanford
• Propose project that leads to a “tangible result”
• Templates for infographics, data maps?Hard to develop alone, support long term, Flash in decline
• Guide to visualization techniques?Boring, who will read it?
Knight Fellowship:New Focus on Journalism Innovation
20-odd people in journalism, academia, research and art
Interviews About Data Visualization
datajournalism.stanford.edu
Video Documentary
Video Documentary
Video Documentary
Video Documentary
Video Documentary
Other Formats
Other Formats
First Chapter
Main Points
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...”
But...
Communication Medium?
How are journalists using data vis?
“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
“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.’”
Re-tooling
Re-tooling
“We've changed the focus of our team to concentrate more on database journalism.”
Skepticism
“You can do beautiful things with computers and lots of data that look very, very nice, and are almost completely incomprehensible.”
“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 StoryFormats
!"#$"
%&'()*&+),&-#./"'0$&1,&-# 2-($0" !"#"$%&'()*+,'
-&&.*"*'/(01"23(4(!"2
5"1*%*%.&'/(5.6*'1
7,.8(93"1*
9.:%;()*1%2
),%/'()3.8
7%,:(4(<%/'.(4(-&%:"*%.&
=6*">,%63%&#()3.*(4()2,"63();1''&
9.&6%6*'&*(<%6?",(5,"*@.1:
51.#1'66(A"1(4(B%:'>"1
C93';D,%6*C(51.#1'666(B1";D'1
9,.6'EF26
7'"*?1'(G%6*%&;*%.&
93"1";*'1(G%1';*%.&
!.*%.&
-?/%.
H..:%&#
7":%,%"1(I>J';*6(K>?*(6*%,,(;?*6L
<%'8%&#(-&#,'
<%'8'1(K9":'1"L(!.*%.&
9.&*%&?%*+(=/%*%&#
I>J';*(9.&*%&?%*+
-&%:"*'/(B1"&6%*%.&6
M"&/.:(-;;'66
F6'1(G%1';*'/(5"*3
N%&'"1
O.P'1(O%#3,%#3*%&#(4(G'*"%,6
7%,*'1%&#(4()',';*%.&(4()'"1;3
Q"P%#"*%.&(A?**.&6
<'1+(N%:%*'/(R&*'1";*%P%*+
=S2,%;%*(R&6*1?;*%.&
B";%*(B?*.1%",
)*%:?,"*%&#(G'@"?,*(<%'86
9"2*%.&6(4(O'"/,%&'6
-&&.*"*%.&6
-;;.:2"&+%&#(-1*%;,'
!?,*%E!'66"#%&#
9.::'&*(M'2%*%*%.&
R&*1./?;*.1+(B'S*
)?::"1+(4()+&*3'6%6
-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 VT.3&()&.8W6(93"1*(.@(G'"*36(@1.:(93.,'1" =/8"1/(B?@*' V E E E E E E E E E V E E V E E E E E5.,%*%;%"&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 E E V V E E V7..*>",,(G1"8% <%6?",(9.:2,'S%*+ V E E E E E E E E E V E E E E E E E E5'/'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 EB3'(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 E E V E V E E V EX3'&(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 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 EA"&D6W(="1&%\(O.8(9.:2'&6"*%.&(M',"*'6(*.(5'[email protected]:" 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 EG'"/,+(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 E0G5(!.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 EF](=;.&.:%;(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 EA?/#'*(^_`_\(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 E7.1:?,"(I&'(^_`_\(G1%P'1Z6(M"&D% 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 EN%#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 EB3'(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 E5"*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 EB3'(=>>("&/(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 EB3'(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 EI6;"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 EB3'(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 EF](<.*%&#(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 E9.: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 E7";'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 EO.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 EQ'*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 EI&(*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 EX3'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 EN%@'(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 EB.+.*"(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 E0"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 ER1"&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 EB.+.*"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 EA?/#'*(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 EO.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 VG',*"(-%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 VB3'()*.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
3"'')4-#,"$)0,&6&,7
8)$$),&6".2,$(0,($"%&'()*.8)$$),&6"9$:"$$)#'&,&-#.!(&:)#0"<&4=*&4=,%&'()*.2,$(0,($
>
? @ A
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 orderingstrategies 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 strategiesto engage the user in the interactive functionality. Region (4) shows the under-utilization of common storytelling techniques across narrative visualizations.
Segal and Heer, 2010
Analysis ofVis in Media
!"#$"
%&'()*&+),&-#./"'0$&1,&-# 2-($0" !"#"$%&'()*+,'
-&&.*"*'/(01"23(4(!"2
5"1*%*%.&'/(5.6*'1
7,.8(93"1*
9.:%;()*1%2
),%/'()3.8
7%,:(4(<%/'.(4(-&%:"*%.&
=6*">,%63%&#()3.*(4()2,"63();1''&
9.&6%6*'&*(<%6?",(5,"*@.1:
51.#1'66(A"1(4(B%:'>"1
C93';D,%6*C(51.#1'666(B1";D'1
9,.6'EF26
7'"*?1'(G%6*%&;*%.&
93"1";*'1(G%1';*%.&
!.*%.&
-?/%.
H..:%&#
7":%,%"1(I>J';*6(K>?*(6*%,,(;?*6L
<%'8%&#(-&#,'
<%'8'1(K9":'1"L(!.*%.&
9.&*%&?%*+(=/%*%&#
I>J';*(9.&*%&?%*+
-&%:"*'/(B1"&6%*%.&6
M"&/.:(-;;'66
F6'1(G%1';*'/(5"*3
N%&'"1
O.P'1(O%#3,%#3*%&#(4(G'*"%,6
7%,*'1%&#(4()',';*%.&(4()'"1;3
Q"P%#"*%.&(A?**.&6
<'1+(N%:%*'/(R&*'1";*%P%*+
=S2,%;%*(R&6*1?;*%.&
B";%*(B?*.1%",
)*%:?,"*%&#(G'@"?,*(<%'86
9"2*%.&6(4(O'"/,%&'6
-&&.*"*%.&6
-;;.:2"&+%&#(-1*%;,'
!?,*%E!'66"#%&#
9.::'&*(M'2%*%*%.&
R&*1./?;*.1+(B'S*
)?::"1+(4()+&*3'6%6
-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 VT.3&()&.8W6(93"1*(.@(G'"*36(@1.:(93.,'1" =/8"1/(B?@*' V E E E E E E E E E V E E V E E E E E5.,%*%;%"&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 E E V V E E V7..*>",,(G1"8% <%6?",(9.:2,'S%*+ V E E E E E E E E E V E E E E E E E E5'/'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 EB3'(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 E E V E V E E V EX3'&(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 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 EA"&D6W(="1&%\(O.8(9.:2'&6"*%.&(M',"*'6(*.(5'[email protected]:" 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 EG'"/,+(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 E0G5(!.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 EF](=;.&.:%;(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 EA?/#'*(^_`_\(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 E7.1:?,"(I&'(^_`_\(G1%P'1Z6(M"&D% 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 EN%#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 EB3'(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 E5"*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 EB3'(=>>("&/(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 EB3'(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 EI6;"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 EB3'(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 EF](<.*%&#(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 E9.: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 E7";'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 EO.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 EQ'*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 EI&(*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 EX3'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 EN%@'(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 EB.+.*"(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 E0"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 ER1"&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 EB.+.*"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 EA?/#'*(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 EO.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 VG',*"(-%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 VB3'()*.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
3"'')4-#,"$)0,&6&,7
8)$$),&6".2,$(0,($"%&'()*.8)$$),&6"9$:"$$)#'&,&-#.!(&:)#0"<&4=*&4=,%&'()*.2,$(0,($
>
? @ A
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 orderingstrategies 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 strategiesto engage the user in the interactive functionality. Region (4) shows the under-utilization of common storytelling techniques across narrative visualizations.
Analysis ofVis in Media
%&'()*&+),&-#./"'0$&1,&-# 2-($0" !"#"$%&'()*+,'
-&&.*"*'/(01"23(4(!"2
5"1*%*%.&'/(5.6*'1
7,.8(93"1*
9.:%;()*1%2
),%/'()3.8
7%,:(4(<%/'.(4(-&%:"*%.&
=6*">,%63%&#()3.*(4()2,"63();1''&
9.&6%6*'&*(<%6?",(5,"*@.1:
51.#1'66(A"1(4(B%:'>"1
C93';D,%6*C(51.#1'666(B1";D'1
-1;3%*';*?1'("&/(T?6*%;'(KA1..D,+&(91%:'(A,.;D6L 9.,?:>%"(F&%PU()RGN V E E E E E E VT.3&()&.8W6(93"1*(.@(G'"*36(@1.:(93.,'1" =/8"1/(B?@*' V E E E E E E5.,%*%;%"&6(->?6'(*3'%1(71''E:"%,%&#(51%P%,'#'6(>'@.1'(=,';* =/8"1/(B?@*' V E E E E E E7..*>",,(G1"8% <%6?",(9.:2,'S%*+ V E E E E E E5'/'6*1%"&6(91.66%&#(*3'()*1''* <%6?",(9.:2,'S%*+ V E E E E E EB3'(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 EX3'&(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-;"/":'*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 EA"&D6W(="1&%\(O.8(9.:2'&6"*%.&(M',"*'6(*.(5'[email protected]:" 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 EG'"/,+(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 E0G5(!.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 EF](=;.&.:%;(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 EA?/#'*(^_`_\(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 E7.1:?,"(I&'(^_`_\(G1%P'1Z6(M"&D% 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 EN%#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 EB3'(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-,,(.@(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 E5"*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 EB3'(=>>("&/(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 EB3'(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-/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 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 EI6;"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 EB3'(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 EF](<.*%&#(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 E9.: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 E7";'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
Analysis ofVis in Media
Segal and Heer, 2010
vis.stanford.edu/papers/narrative
Identify Common Narrative FormatsDescriptive, Not Prescriptive
Sources of Inspiration:Comic Books
MoviesVideo Games
The “Science Fair Poster”Using Space to Lay Out Regions; Directional Reading
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: narrativeSecond read: reference
The “Data Slide Show”Linear Narrative With Interaction Within Each Frame
The “Data Slide Show”Linear Narrative With Interaction Within Each Frame
Search All NYTimes.com
Public workers make more …Surveys by the Bureau of EconomicAnalysis show that public workers’annual compensation — salary plusbenefits — is higher on average thanprivate sector workers, and they suggestthat the gap is growing.
… especially when figured per hourof work.Public workers also put in significantlyfewer hours per week. According to theBureau of Labor Statistics, theircompensation per hour is muchhigher.
Most of the advantage is in benefits.They cost state and local governments$14 an hour on average, about 70percent more than private employerspay for their workers.
But comparisons are tricky …Economists point out that governmentwork tends to be in highly skilledcategories, so it is misleading tocompare the groups as a whole.
Published: March 6, 2011
Are State and Local Government Employees Paid Too Much?It’s not an easy question to answer for a number of reasons. Here’s a primer on the issue.
Welcome, gmcghee Log Out Help TimesPeopleHOME 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 “Drill-Down Story”Wide-Angle View; Presents Links to Selected Closer Views
The “Drill-Down Story”Wide-Angle View; Presents Links to Selected Closer Views
“Videographics”Linear Narratives Using Motion Graphics, Voiceover
“Videographics”Linear Narratives Using Motion Graphics, Voiceover
“Videographics”Could be as simple as a screencast
Chapters
Part 1: IntroductionMeet some of the researchers who have helped popularize data visualization for art and communication.
Part 2: Data Visualization in JournalismHow data reporting and presentation are starting to change the face of newsrooms.
Part 3: Telling “Data Stories”How journalists are adapting traditional narrative formats to data visualization.
Part 4: A New Era in InfographicsData vis whizzes are the new rock stars in a field where people have been making charts for over 200 years.
Part 5: Life as a Data StreamUsing data as an expressive medium, and experiencing live events through information streams.
Part 6: Exploring DataThe importance of data analysis to good journalism.
Part 7: Technologies and ToolsA new generation of web browsers is changing the game for online visualization and interactive graphics. A look at emerging technologies and tools.
Part 8: First StepsNew tools, tutorials and websites about visualization are appearing all the time. A look at where to get started.
Chapters
Reception
Minimal promotion after initial press release by fellowship (one of 20 projects announced)
Benefited from viral promotion by friends and colleagues. Thanks for the Tweets!
Mentions on infographics and data journalism blogs and sites
About 50,000 unique visitors since September on Flash site
Another 60,000+ views on Vimeo last time I checked
Condensed version aired by 3Sat television, Germany
Wider Story
Data journalism: What it isJournalists have always worked with dataWe've analysed council tax rates, changes brought about by Budgetmeasures, and all sorts of statistics thrown at us by government,business, unions, pressure groups and other organisations.Our goal has always been to find the stories in the data - and it still is.
But how we work with data is being revolutionised because of the possibilities that usingcomputers to make sense of huge data sets opens up.
Journalist and information architect Mirko Lorenz, quoted in Data-driven Journalism, hasthis explanation of what data journalism is: “Today data-driven journalism can be definedas a workflow, where data is the basis for analysis, visualisation and – most importantly –storytelling.
"With cloud computing, powerful PCs on the desktop and high bandwidth, we all havethe potential to use technology to filter and process data that would have been asensation just 15, 10, maybe even five years ago.”
Here’s his visualisation of how things have changed, reproduced from a pdf report on theData-driven Journalism conference, which you can download here.
You can see from this graphic that there is filtering going on. As in more traditionalmodes of journalism, our eye on a story, our sifting of the facts and separating them fromthe falsities, are still vital. And we can sift from facts that are easily available to us, andothers that are not – the not-so-open data in the graphic.
Adam Westbrook, also quoted in Data-driven Journalism, makes clear that working withdata is a very traditional journalistic activity:
“It is journalism in its truest essence: uncovering and mining through information thepublic do not have enough time to do themselves, interrogating it, and making sense of itbefore sharing it with the audience.”
Mirko Lorenz has a second graphic to illustrate that process:
Masterclasses
Masterclass 20: Getting startedin data journalism
Data journalism: What it is
Data journalism: What it canachieve
Data journalism: How to do it
Data journalism: How TheGuardian does it
Data journalism: Tools and datasources
How to, project 4: Tableau
How to, project 5: ScraperWiki
Masterclass 19: Improve yourvideo storytelling
Masterclass 18: Drupal websitebuilding for non-coders
Masterclass 17: A guide tohyperlocal
Masterclass 16: Smartphoneapps for non-coders
Masterclass 15: Law essentialupdate
Masterclass 14: iPhone forJournalism
Masterclass 13: How to get yourfirst job
Masterclass 12: How to buildyour own job
Masterclass 11: Going Mobile
Masterclass 8: Search (andeverything else) is going social
Masterclass 6: How to masterFacebook and Twitter
Masterclass 5: How to win acommission
Masterclass 2: Web 3.0 andSocial Media
Author's Blog
Andy publishes a blog with regular newsand views on Journalism.
Find out more
Home About the Course Course Sections Masterclasses Newbies' Corner
Register | Contact Us
Username: * Password: *
You are here: Home › Masterclasses › Masterclass 20: Getting started in data journalism ›
Log in
Search this site: Search
“Data Journalism”
“Data Journalism”
“Data Journalism”
Vis Toolkits“Data Journalism”
Open Data Principles and Infographics
Transparency
Transparency
Transparency
Transparency
Conversation
Conversation
Conversation
Conversation
Cross-Pollination Between Programmers & Journalists
• Wattenberg/Viegas’ TimeSeer
• Jer Thorp “artist in residence” at NY Times
• Events like IRE’s “News Camp”
• Hacks/Hackers Meetups
• Journalist/Programmer Degree Programs
• Heer/Segal Paper on Narrative Visualization
• Stamen’s “Citytracking” project wins Knight News Challenge grant
What Now?
What Now?
Rural West Project
Rural West Project
John McChesney
Veteran NPR Reporter
• Multimedia field reporting
• Stories on rural issues in contemporary West
• Accompanying infographics and data vis
Rural West Project
• Environment and Resources
• Economy and Political Science
• History and Culture of the West
Issue Areas
Water in the West
Water in the West
• Environment and Resources
• Economy and Political Science
• History and Culture of the West
Issue Areas
Mapping Texts
Collaboration with University of North Texas
Research Assistants Yinfeng Qin and Rio Akasaka
• Environment and Resources
• Economy and Political Science
• History and Culture of the West
• Data visualization for journalism and scholarship
Issue Areas
Journalism/Communications
Humanities
ComputerScience/
HCI
Natural Sciences/Engineering
Social Sciences
Collaborations
Bill Lane CenterFor the American West
Questions?