journalism in the age of data: telling stories with vis and infographics

Post on 31-Oct-2014

522 Views

Category:

News & Politics

3 Downloads

Preview:

Click to see full reader

DESCRIPTION

Presentation to Malofiej 19 Infographics Summit, Pamplona, Spain, March 25, 2011

TRANSCRIPT

Journalism in the Age of DataTelling Stories with Visualization and Infographics

Geoff McGheeMalofiej 19 Infographics SummitMarch 25, 2011

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

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 <%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&%&#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 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%&#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 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&#45#,"$)0,&6&,7

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

>

? @ 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 <%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&%&#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 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%&#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 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&#45#,"$)0,&6&,7

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

>

? @ 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 <%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&%&#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 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%&#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 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”

Vis Toolkits“Data Journalism”

Open Data Principles and Infographics

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?

Thanks!gmcghee@stanford.edu

top related