This week we launched two new interactives embedded in Ezra Klein’s blog, Wonkbook. Ezra and Dylan Matthews put together the information, Todd Lindeman designed it and Andrew Metcalf built it. I helped with styles, etc. It’s a fun experience, and I love that it’s built for the blog. Check them out!
Romney version here:
Obama version here:
I’ve been completely delinquent about posting here. I will try to do better, and in the meantime, here is a selection of work from the first part of the year (am going to follow this up with some breakout posts on specific projects).
What’s at stake on Super Tuesday?
Going way back to Super Tuesday, we published this really fun motion graphic featuring Chris Cillizza and the delegate mountain that Todd Lindeman and Sisi Wei built. I worked on storyboarding it with the team, a well as helping in the studio (led by AJ Chavar and Sohail Al-Jamea) and with building out the page. The project was really fun and newsy, and a great job especially by animator Sohail, and of course Chris Cillizza.
Rescue and Recovery
This is a really powerful piece looking at Virginia Tech five years after the massacre, through the lens of an iconic image of survivor Kevin Sterne. I did design, development, audio and wrote one of the segments of the piece. I love the simplicity and amazing story. Again, an awesome team effort with work from Ben de la Cruz, Bill O’Leary, Josh du Lac and others:
Repairing the Washington Monument
This piece about the damage to the national icon just came out last week — featuring a 3-D model by Alberto Cuadra, and reporting by Cristina Rivero. Kathryn Faulkner, the summer intern in graphics, did most of the heavy lifting on the interactive side, with me in an editing role and pitching in to help with some of the tricky parts, like the rotating model. The piece turned out beautifully:
It’s been a busy few months, but I’m gonna squeeze in a post for January! I’ve switched jobs at the Post and moved into a new role, Interactive Projects Editor, focusing on creating interactive projects that combine design and graphics with video, photography and social media. I’m really looking forward to the new challenge. In other news, I’m getting used to the new delicious and trying out this ‘stacks’ thing. I’ve got a few going, namely one on interactive maps and one for games and quizzes. I’ll keep those updated as I collect links around the web. And, some of my recent work….
Pinocchio tracker
The tracker part of this was originally done with Tableau, but we decided to rework it and to add a game element to it. It’s on a page of its own as well as in the right rail on all our politics content. Try it out!
The Media Divide
This piece was born from a project by Marc Fisher to track what media people consume in a day and see how it reflects their ideology. Evelio Contreras did this great video and we put it together in a calendar with links to all the news they watched/read/listened to, and combined that with a poll.
The Seat Pleasant 59
This project leads with Whitney Shefte’s awesome video about a class of students who were promised that if they graduated from high school, their college would be paid for. We tracked down the students and found out where they are now. My contribution was the list/grid view and filtering along with itemizing content for each of the dreamers.
Today, we came out with a new graphic that looks at the tax breaks on the books this year. It is part of Running in the Red, a series the Post has been running for the past few months, and accompanied Lori Montgomery’s front-page story, “Ever-increasing tax breaks for U.S. families eclipse benefits for special interests,” a great story that explains spending through the tax code.
The graphic is all CSS and JavaScript. With charts that only have bars, it’s simple to dynamically add sized divs with background colors that create charts. The data will update automatically if necessary and it works across all browsers and mobile platforms with no workarounds:
And has details for each of the 172 breaks currently active (see below). Added bonus: I learned a ton about the tax code.
And a couple more (relatively) recent charts:
This one I worked on with Alicia Parlapiano and Neil Irwin. Because I wanted to create animate transitions and interactivity, I used Flash to create this graphic. It has detailed drilldowns to look at employment in each sector of the economy. I tried to inject more annotation into this graphic (and the taxes one above) than we have done in the past with data-driven graphics. Instead of throwing a bunch of data out there, we’re providing more context and guided views — by category and by sector versus a completely self-guided data dive.
This was a fun chart I helped our intern, Heather Billings, with at the beginning of the summer. We used flot to make these charts showing how the lead changed between the Heat and the Mavericks during the NBA finals. This was particularly fun for me because I got really into the NBA finals this year and watched every game. I know, hard to believe, but true. I was a having a great time analyzing the outcome of the games and reading all the news — and if you missed it, this was a great article from Bill Simmons at Grantland.
And another one about when and if China’s economy will pass the United States to become the world’s largest.
With Tuesday’s apportionment announcement, we decided to create an interactive map that would look at reapportionment over time. Census also created a map like that here.
Gene Thorp created a cartogram with the data that appeared on page 1 of the newspaper — you can check that out here.
On Nov. 2, midterm election day, we put up these maps that tracked the results as they came in. For Senate and Governors we had state and county-level data, and we had House districts as well. This suite of maps was published in The Washington Post, as well as on Yahoo! News and the Telegraph (UK). The maps have balance of power charting and tabular results as well as zooming and deep linking features. Read more about how we built the maps »
In preparation for the September 14 primaries, I designed this widget for the Politics front. It features house, senate and governors races that auto advance, as well as races to watch, and allows you to see all the races in one convenient spot. It was actually built out by a contractor, Zvi Band of SkeevisArts. We used it on the politics front as the live results came in, and will be able to re-purpose it for future elections.
After a full year of working on various aspects of the Top Secret America project, we have finally launched! Check out the full project at topsecretamerica.com.
Who's involved in the most types of work?
I worked on a whole bunch of aspects of this project and did a lot of brainstorming and storyboarding, but my primary focus was the interactive “network connections” graphic. In the beginning we wanted to create a graphic that illustrated the redundancy and size of Top Secret America and had a ton of data in it, while not being overwhelming. Read more »