SlideShare uma empresa Scribd logo
1 de 38
Baixar para ler offline
Telling Stories With Data
“The Data is Dead! Long live the Data!”
#ddj
#ejc
Alan McLean
                                             •
                                                 @alanmclean
                                             •
                                                 Art/Design/Development background
                                             •
                                                 Worked at CBC.ca 2005-2007
                                             •
                                                 Working at the NYTimes in 2007-Present




                                             •
                                                 Afghanistan War Logs
                                             •
                                                 2008 Election
                                             •
                                                 2008 Olympics
                                             •
                                                 2010 Olympics
                                             •
                                                 Guantanamo Docket
                                             •
                                                 Document Viewer
                                             •
                                                 Run-Well
                                             •
                                                 more...

Dom Data: flickr.com/photos/ogil/2499892047
Interactive
   News
Technology
 @
Interactive
                                    News
                                 Technology
                                       @




Eric - flickr.com/people/74486811@N00
The old
        newsroom/developer
           relationship




Developer                Journalist
The new
newsroom/developer
   relationship




  Developer/Journalist
Use the web to tell a story, not
 just as a delivery medium.
Newsroom Tools
Developing at close to newsroom pace
          is now possible
Journalism Saved!
It’s almost too easy...
  •
      Lots of tools, often free or very affordable.
  •
      Progressive Enhancement.
  •
      An unlimited supply of “pages”.




<3m
Data Dumps
Large collections of source material that aim to
    inform, but ultimately over-saturate.
Data Dumps

 “ Your scientists were so
  preoccupied with whether or not
  they could, they didn't stop to
  think if they should.”

  Dr. Ian Malcolm
  Jurassic Park (1993)


  via @kevinq, Graphic Editor at the NYT
Data Dumps

 “ If you won't find narratives in
  the data, you might as well be
  posting the phone book.”

  @harrisj via Twitter
Why are data dumps a problem?
•
    Fail to inform clearly.
•
    It’s very easy to get lost.
•
    They take up precious time.
•
    They are usually low impact.
•
    Often bland.
It’s far too easy to distract or confuse
    an already compromised online
             attention span.
Editing is crucial online
•
    Should we be doing this?
•
    What is the point?
•
    Will any of our readers/users care?
•
    Is this going to be a core component of the story, or
    merely supplemental?
Design Decisions Are Editorial
         Statements
The Afghanistan War Logs




<5m
The Afghanistan War Logs


•
    Three publications with access to the data under a
    release agreement.
•
    90,000+ incident reports.
•
    Spans several years of the conflict in Afghanistan.
•
    A lot of metadata...
The Afghanistan War Logs

      What can we do with this data?

•
    Data Dives!
•
    Maps!
•
    Timelines!
•
    Charts!
•
    and so so much more...
The Afghanistan War Logs

    What should we do with this data?
•
    Aggregate representations of the reports were out.
•
    Maps needed to be “Locator Maps”.
•
    Timelines? Yes.
•
    Incident Charts?
•
    Story integration? Yes! Context was needed.
•
    Could not publish them all... redactions were necessary.
The Afghanistan War Logs

                      The Package
•
    3 articles.
•
    1 note to the readers from the Editor.
•
    1 background article on the data.
•
    An incident report interactive.
•
    A page tying it all together.
The Afghanistan War Logs
                                                Locator Maps
The Article
                                                     Timeline
•
    Lead with a Map
•
    Removed the ads
•
    Flopped the columns
•
    Forced a single page view
•
    Relevant maps and photos                    Photos/Maps
    were loaded alongside text
•
    Stylized report text within article
                                          Incident Report Text
The Afghanistan War Logs
The Maps
The Afghanistan War Logs
Context
The Afghanistan War Logs
Context
The Afghanistan War Logs / The Interactive
Real Titles   Stylized NYT Redactions   The Jargonizer   Real Summaries


The Afghanistan War Logs / The Interactive
The Afghanistan War Logs / The Series Page

Mais conteúdo relacionado

Destaque

Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjData-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjMirko Lorenz
 
New York Times VR - Claudia Articek
New York Times VR - Claudia ArticekNew York Times VR - Claudia Articek
New York Times VR - Claudia ArticekClaudia Articek
 
Datová žurnalistika
Datová žurnalistikaDatová žurnalistika
Datová žurnalistikaAdam Javurek
 
What is datavisualization?
What is datavisualization?What is datavisualization?
What is datavisualization?Stephane Nardin
 
Dataviz, clef de la big data
Dataviz, clef de la big dataDataviz, clef de la big data
Dataviz, clef de la big dataMicrosoft Ideas
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

Destaque (9)

Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddjData-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
Data-driven journalism: What is there to learn? (Stanford, June 2010) #ddj
 
New York Times VR - Claudia Articek
New York Times VR - Claudia ArticekNew York Times VR - Claudia Articek
New York Times VR - Claudia Articek
 
Datová žurnalistika
Datová žurnalistikaDatová žurnalistika
Datová žurnalistika
 
Data Viz DC Presentation
Data Viz DC PresentationData Viz DC Presentation
Data Viz DC Presentation
 
What is datavisualization?
What is datavisualization?What is datavisualization?
What is datavisualization?
 
La datavisualisation
La datavisualisationLa datavisualisation
La datavisualisation
 
Dataviz, clef de la big data
Dataviz, clef de la big dataDataviz, clef de la big data
Dataviz, clef de la big data
 
What is Big Data?
What is Big Data?What is Big Data?
What is Big Data?
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Semelhante a Data Driven Journalism - Telling Stories Online

Metadata is a Love Note to the Future
Metadata is a Love Note to the FutureMetadata is a Love Note to the Future
Metadata is a Love Note to the FutureRachel Lovinger
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesBayCHI
 
Analytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereAnalytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereJ T "Tom" Johnson
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlassian
 
FREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsFREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsMelissa Olson
 
The Elephant in the Library
The Elephant in the LibraryThe Elephant in the Library
The Elephant in the LibraryDataWorks Summit
 
Augmented Reality and Libraries
Augmented Reality and Libraries Augmented Reality and Libraries
Augmented Reality and Libraries Jennifer Hopwood
 

Semelhante a Data Driven Journalism - Telling Stories Online (12)

Historical aerial scanning project
Historical aerial scanning projectHistorical aerial scanning project
Historical aerial scanning project
 
Metadata is a Love Note to the Future
Metadata is a Love Note to the FutureMetadata is a Love Note to the Future
Metadata is a Love Note to the Future
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
 
NYC.JS
NYC.JSNYC.JS
NYC.JS
 
Analytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the DatasphereAnalytic Journalism: Digital Evolution in the Datasphere
Analytic Journalism: Digital Evolution in the Datasphere
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
 
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization TeamAtlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
Atlas Hugged: How Atlassian Tools Enabled a Software Internalization Team
 
About Scanning and Metadata Standards - NEMO 2010
About Scanning and Metadata Standards - NEMO 2010About Scanning and Metadata Standards - NEMO 2010
About Scanning and Metadata Standards - NEMO 2010
 
FREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate ProfessionalsFREE Website and Blog Content for Real Estate Professionals
FREE Website and Blog Content for Real Estate Professionals
 
Ariadne overview
Ariadne overviewAriadne overview
Ariadne overview
 
The Elephant in the Library
The Elephant in the LibraryThe Elephant in the Library
The Elephant in the Library
 
Augmented Reality and Libraries
Augmented Reality and Libraries Augmented Reality and Libraries
Augmented Reality and Libraries
 

Último

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 

Último (20)

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 

Data Driven Journalism - Telling Stories Online

  • 1. Telling Stories With Data “The Data is Dead! Long live the Data!”
  • 3. Alan McLean • @alanmclean • Art/Design/Development background • Worked at CBC.ca 2005-2007 • Working at the NYTimes in 2007-Present • Afghanistan War Logs • 2008 Election • 2008 Olympics • 2010 Olympics • Guantanamo Docket • Document Viewer • Run-Well • more... Dom Data: flickr.com/photos/ogil/2499892047
  • 4. Interactive News Technology @
  • 5. Interactive News Technology @ Eric - flickr.com/people/74486811@N00
  • 6. The old newsroom/developer relationship Developer Journalist
  • 7. The new newsroom/developer relationship Developer/Journalist
  • 8. Use the web to tell a story, not just as a delivery medium.
  • 9. Newsroom Tools Developing at close to newsroom pace is now possible
  • 11. It’s almost too easy... • Lots of tools, often free or very affordable. • Progressive Enhancement. • An unlimited supply of “pages”. <3m
  • 12. Data Dumps Large collections of source material that aim to inform, but ultimately over-saturate.
  • 13. Data Dumps “ Your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.” Dr. Ian Malcolm Jurassic Park (1993) via @kevinq, Graphic Editor at the NYT
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Data Dumps “ If you won't find narratives in the data, you might as well be posting the phone book.” @harrisj via Twitter
  • 19. Why are data dumps a problem? • Fail to inform clearly. • It’s very easy to get lost. • They take up precious time. • They are usually low impact. • Often bland.
  • 20. It’s far too easy to distract or confuse an already compromised online attention span.
  • 21. Editing is crucial online • Should we be doing this? • What is the point? • Will any of our readers/users care? • Is this going to be a core component of the story, or merely supplemental?
  • 22. Design Decisions Are Editorial Statements
  • 23.
  • 24.
  • 26. The Afghanistan War Logs • Three publications with access to the data under a release agreement. • 90,000+ incident reports. • Spans several years of the conflict in Afghanistan. • A lot of metadata...
  • 27. The Afghanistan War Logs What can we do with this data? • Data Dives! • Maps! • Timelines! • Charts! • and so so much more...
  • 28. The Afghanistan War Logs What should we do with this data? • Aggregate representations of the reports were out. • Maps needed to be “Locator Maps”. • Timelines? Yes. • Incident Charts? • Story integration? Yes! Context was needed. • Could not publish them all... redactions were necessary.
  • 29. The Afghanistan War Logs The Package • 3 articles. • 1 note to the readers from the Editor. • 1 background article on the data. • An incident report interactive. • A page tying it all together.
  • 30. The Afghanistan War Logs Locator Maps The Article Timeline • Lead with a Map • Removed the ads • Flopped the columns • Forced a single page view • Relevant maps and photos Photos/Maps were loaded alongside text • Stylized report text within article Incident Report Text
  • 31. The Afghanistan War Logs The Maps
  • 32.
  • 33.
  • 34. The Afghanistan War Logs Context
  • 35. The Afghanistan War Logs Context
  • 36. The Afghanistan War Logs / The Interactive
  • 37. Real Titles Stylized NYT Redactions The Jargonizer Real Summaries The Afghanistan War Logs / The Interactive
  • 38. The Afghanistan War Logs / The Series Page