Category: Information Graphics

I pitched, developed and managed a partnership with Development Seed to execute the engineering and presentation of results displays for the 2016 election cycle. I was the project lead, working across multiple departments internally and externally to manage contracts, understand and prioritize needs, develop strategy, test and improve the technology and brief stakeholders.

These maps ran across The Washington Post products, including our site and native applications on iOS and Android, and many of our news service client sites.

Role: Editing, project management

My team also created dozens of other fantastic graphics for the election, collected here.

This series about the recovery of the U.S. housing market was instigated by Ted Mellnik, one of our best data reporters. Emily Badger from the Wonkblog came on board and Darla Cameron explored many kinds of visual approaches. Denise Lu took over for Darla when she went on maternity leave and Madia Brown worked on design of the stories that followed the overview.

For digital audiences, we created a geo-focused story with text customized to your zip code, featuring an interactive map of home value changes over the past decade. For print, we combined the Stockton, Calif., story together with the overview of findings that we had online.

Working with our newsletters editor, we created a very successful email campaign that sent emails to readers from the different cities we covered in the series. I love the clean design, simple and intuitive user interface, clear writing and navigation.

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!

Are you over the hill for Olympic sports?
As part of the Profiles in Speed series, I developed this graphic which lets you see where you fit into the Olympic age spectrum. Flowing Data wrote about it here.

I just got back from the NICAR conference in St. Louis, where I gave a talk with Bill Keaggy on Best Visualization Practices. There’s delicious stack of links here: http://bit.ly/nicar2012 and the presentation is here (click the settings gear and open speaker notes to find out what we talked about):

Chrys Wu kept a detailed list of links if you want to check out some of the other sessions. I also got the see the St. Louis arch! Very exciting:

In an extremely quick turnaround, I worked with Dan Keating to create this tool that shows you the breakdown of what other people of your age, race, and location make each year. Hopefully in the future we’ll be able to improve it and add some more metrics, but it’s pretty cool for taking less than a day!

To create this graphic about exercises you can do at the office, the entire graphics department of the Post got together twice a day to do the exercises. It was a hilarious group activity — we attracted a lot of stares from passersby in the newsroom. I really enjoyed jumping around a little bit in the middle of the day to get the blood pumping.

The graphic was a fun collaboration between Laura Stanton, who illustrated many of the department members, Sohail Al-Jamea, who created the animations, Bonnie Berkowitz, who was our exercise leader and researched and wrote all the text and conducted the survey, and me — I helped design and build the interactive and set up the videos and polls.

So far we have had a lot of people voting — about 1,700 for the first exercise. It’s fun to see how people have responded to each exercise, and we’re hoping it is promoting engagement with the piece.

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.

In March, I set out for Pamplona, Spain, to join the jury of Malofiej 19. For three days, we judged hundreds of entries in the digital contest, while colleagues on the print side saw over 1,000 entries. Check out the awards here.

Other jury members came from all over the world — Germany, Argentina, Chile, Spain, Italy, and the United States. I met a ton of awesome people who share a passion for infographics and alternative forms of storytelling. Gert Nielson keeps a good log of the goings on at his blog, Visual Journalism. Kaitlin Yarnall of National Geographic wrote a summary piece for the Society of News Design blog here. Javier Errea, who organizes the event, also wrote a post on his blog (in Spanish).

I really liked Stephen Few’s presentation on Infographics and the Brain — reminding us all to think not only of how we want to present the information, but how it will be perceived. It doesn’t matter how good it looks or how clever we think it is if it misses the basic point: helping people understand information.

I gave my presentation on the power of using social media and user-generated content in graphics. I focused on two types of input — that which comes directly from our users (games, polls, submissions) and that which comes from existing social networks (facebook, twitter, foursquare, flickr). The amount of information out there is incredible, and we have to figure out how to use it in ways that show how people fit into their world. The opportunities are endless. Recently some interesting projects have come out that harness some of that power, including the Wall Street Journal’s Foursquare project, a look at check-ins over a week’s time in New York and San Francisco, and the New York Times Bin Laden emotion grid.

Friday morning, as news of the earthquake in Japan spread, we started pulling together an interactive map that would show readers where and how events unfolded. Over the next 36 hours, we would continually expand and improve the information, design and interactivity of the map as the news of the earthquake and tsunami came in. Read more »

For Libya, we combined an event tracker with audio and video from the ground. The reports from correspondents on the ground is my favorite part.

Both graphics are done using javascript and jquery, so check them out on your tablet devices!