Examples of interactive journalism – Week 12

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

This week’s example — Unfit for Work —  is a beautiful responsive article design from Planet Money, a program that runs on National Public Radio.

Screenshot: Unfit for Work

It has a very effective chapter format, and video, charts and other helpful media appear in and alongside the article text.

Compared with other examples we’ve seen this semester, I think this is one of the most responsive — it’s very flexible on different devices!

The article’s CSS uses HTML5 Boilerplate and Initializr (recommended).

The article’s JavaScript is linked at the bottom of the HTML page, above the closing BODY tag. It’s very short and mainly deals with the responsive elements.

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

Advertisements

12 thoughts on “Examples of interactive journalism – Week 12

  1. Kristen Morrell says:

    Drone war: every attack in Pakistan visualised

    http://www.guardian.co.uk/news/datablog/interactive/2013/mar/25/drone-attacks-pakistan-visualised?INTCMP=SRCH

    I think this example of interactive journalism is amazing. Pitch Interactive used information from the Bureau for Investigative Journalism to show every known attack by the US and Coalition military since 2004. When you first open the link, the interactive is automatic. It shows a timeline of the attacks with the volume above and the number of deaths below. By clicking the victim tab, the interactive flips and shows a detailed chart. By hovering over the people, you can see the date of the attack, location and number of deaths for children and civilians. Overall I think this is a brilliant way to report a ton of numbers and statistics for a long period of time.

  2. UK Snow: Interactive Map

    http://www.telegraph.co.uk/topics/weather/9952530/UK-snow-interactive-map.html

    This moveable map shows the severity of snowfall in different areas of the UK. The map has buttons on it showing pictures (either from Twitter, Telegraph readers or from the Telegraph itself) of snowfall and different incidents related to snow around the country. There is also a button that contains information about serious incidents that occurred in specific areas.

  3. ARAB SPRING: An interactive timeline of Middle East Protests

    http://www.guardian.co.uk/world/interactive/2011/mar/22/middle-east-protest-interactive-timeline

    This article was done by the Guardian in 2012. I haven’t seen many timelines, but this one seems really cool. Slide the timeline bar at the top of the graphic and the timeline will move, and you are showed dates with icons to click on. If an icon appears by a date, a protest occurred. There’s also a navigate slider you can click on and the timeline will move as well.

  4. Jerry L. Edwards says:

    http://www.nytimes.com/interactive/2009/01/15/us/politics/20090115_HOPE.html
    “I Hope So Too” (2010)

    I remembered seeing this graphic when it was published and thought it very neat! The hovering of the topics important to Americans for the Obama Administration is a neat visual component. I like that readers hear from a variety of individuals and can vote on topics important to them as well. These features really show what is important to Americans.

Comments are closed.