Project How We Made “Failure Factories”
For several weeks, the Tampa Bay Times has been publishing Failure Factories, a series exploring the effects of the Pinellas County school district’s decision to resegregate its schools. On the web we decided to try something new: kicking off the series with a D3-powered graphic that used data to show readers how dire the situation is for black students in south St. Petersburg.
We were aiming for a brief and engaging piece that would invest readers in the stories to come. In that sense, our experiment was successful. #FailureFactories was trending in the Tampa Bay region before the first day of the project ran. We heard from readers across the country that they were waiting anxiously for the series, and both the graphic and the 5,000-word first installment in the series have been among the most viewed stories we’ve published this year.
How-to Animating Maps with D3 and TopoJSON
An exploration of an easy way to animate paths in SVG maps.
Project Comparing the Net Cost of College
The Chronicle of Higher Education set out to compare net cost of colleges and found an unexpected discrepancy. The team describes the piece they created to help explain the difficulty in comparing net costs.
Project All About the WSJ’s Penalty Kick Interactive
In the days before the World Cup’s knockout stages, with their potential for games to end in shootout finishes, The Wall Street Journal unveiled an app that visualized the tendencies of the top penalty kicks takers on the teams advancing in the tournament. Chris Canipe, senior news apps developer on the Wall Street Journal’s interactive graphics desk, talked with me about the thinking behind the project and how he and his colleagues put it together. What follows are edited excerpts from our conversation.
Project Meet Bloomberg’s Dataview
One of our most recent works, “How Americans Die,” is an instance of what we call a “dataview.” The impetus behind dataview was a hope to provide clear and concise storytelling, while giving the supporting data more prominence and explorability.
Project How We Made “NSA Files: Decoded”
- By Feilding Cage, Gabriel Dance
- Greg Chen, Gabriel Dance, Kenan Davis, Ewan MacAskill, Nadja Popovich, Kenton Powell, Bob Sacha, Ruth Spencer, Lisa van Gelder
- The Guardian
The Guardian’s Gabriel Dance and Feilding Cage break down their process, from storyboards and video production to major design changes and development challenges.
Tool Mapping Made Simple, Now with Bonus UI
Introducing the double-whammy of Simple Map D3 and Tulip, a new mapping app from MinnPost.
Project Década Votada, a News App to Track Voting Records
- By Mariano Blejman
- Luciano Amor, Gonzalo Bellver, Mariano Blejman, Martín Szyszlican, Andy Tow
- Hacks/Hackers
In April 2013, Hacks/Hackers Buenos Aires hosted a hackathon on D3.js. As part of a project co-sponsored by the International Center for Journalists, Knight-Mozilla OpenNews provided seed funding to the winning project, an app called “Década votada” (q decade in votes).
Learning What You Need Is a News Peg
Ben Welsh on making data journalism work with that time-honored strategy, the news peg
Roundup Event Roundup, March 11
- By Erika Owens
One week left to think of your entry for the Knight News Challenge. Plus, lots of Hacks/Hackers meetups worldwide.
Project The NYT’s Visual Election Outcome Explorer
Mike Bostock explains how he and Shan Carter created the 512 Paths interactive feature, from early sketches to complete implementation.


