Examples of interactive journalism – Week 8

To see all posts in the “Examples” series, view the category “Examples.”

Drones have been in the news a lot lately. These unmanned military aircraft that drop bombs have some mystery surrounding them — and this interactive graphic from ProPublica (a well-respected non-profit journalism organization) shows how conflicting information has created a cloud of uncertainty around drones. When you mouse over the bars below the timeline, you see conflicting quotations from various news organizations, such as CNN, The New York Times and Reuters. I also like the text at the right (not shown below), where you click a heading and the graph re-sorts itself to support that assertion.

Drones - ProPublica - June 18, 2012

Your Reply

Leave a comment on this post to submit your example for this week.

  • Post only ONE link.
  • Make sure your link is correct and functional.
  • Include the title or headline of the example you are linking to.
  • Write one sentence about why we should appreciate it.

Read the details and rules on the Required Work page, under the subheading “Extra credit.”

11 thoughts on “Examples of interactive journalism – Week 8

  1. http://www.bostonglobe.com/arts/movies/2013/02/25/with-best-picture-oscar-ben-affleck-comeback-complete/mqQilNIGAxz0RI1GxdZnVI/igraphic.html

    “Best picture win caps Ben Affleck’s resurgence”–Boston Globe

    I thought this was a cute post-Oscars piece. This interactive graphic follows Ben Affleck’s career and shows the Rotten Tomatoes rating of each of his movies in graph form. It also uses the size of the bubbles to show the size of each movie’s budget. You can click on the bubbles to get specific information about each film, including a link to the film’s trailer. There’s a bit of an error in the graphic, though, because every movie has a link back to the trailer for “Phantoms.” Whoops!

  2. Paige – This is a nice graphic. Thanks for posting it. However, I am very unhappy that you posted this link DURING CLASS. At 3:34 p.m. I was lecturing. It’s not appropriate for you to be browsing the Web and posting on a blog WHILE I AM LECTURING.

  3. Caitlyn Finnegan says:


    Nice & Serious, a creative agency in London that focuses on sustainability, created a really cool, scrolling infographic for water conservation. Something similar could be applied to graphic-heavy stories. Very fun to navigate.

  4. Caitlyn, this is a GREAT example — and I recommend that all of you View Page Source on that page — scroll to the bottom — and you will see a SWITCH statement in the JavaScript code. There are actually two, but one of them is commented out.

    I have been noticing that many sites put the JavaScript at the bottom of the HTML page for this kind of scrolling graphic. I’m going to search around and see if I can find out why they do it that way.

  5. Dana Edwards says:


    Hispanics: California’s Next Majority

    By hovering over individual counties in California and hovering over the race categories under the images of the state, the viewer can see the percentage changes of California’s population. I like that when you hover over one county or one race, you can see the differences in all the images from all five years and can see the comparison well. The line graph below shows the same interactivity.

  6. Dana – that’s a good use of parallel graphics, where we see the same map side by side, but each one shows a different year. Hovering over each race category might surprise some people — I personally thought I would see more Asian majorities in parts of California.

  7. Faithful – The Sarajevo package from the BBC is easy to use; I agree with you on that point. But I have some problems with the design. The thumbnail timeline at the top doesn’t have any dates on it. The bar graph timeline at the bottom of each slide does not allow us to click a month and jump to that month. The videos themselves do not have exact dates on them, yet clearly they were made at the time — so I think each one should have a clear month, day and year superimposed on it.

    My last complaint is about the ads. Every single video has a pre-roll ad. I could deal with ONE pre-roll ad, but after the third ad, I felt too annoyed, and then I did not want to watch any more videos. Studies have shown that most people hate pre-roll video ads. I know I do!

Comments are closed.