Published in The Washington Post, December 2011
This card game is a fun way to expose all our Fact Checker columns. People can choose their own ratings and see past ratings for candidates. I designed and developed the main game, as well as the widgetized version of it that lives in the politics section.
Role: Design, programming
Tools used: Javascript, CSS
More games: D.C. Budget Game, Make a royal match, How well are you aging?, Washington Metro art
Published in The Washington Post, September 18, 2011
This piece looks at all the tax breaks on the books in the United States, how much they cost and when they went into effect. It breaks down all the tax expenditures by category and value and highlights important movements. I created the charting, interaction and design of the javascript visualization at the top of the page. We focused a lot on adding an annotation layer to this piece, so it’s not just a deep data dive. While the granular information is there, it is secondary to the analysis we are providing. Read more here.
Role: Design, programming
Tools used: JavaScript, jQuery, CSS
More charts: Where are the jobs?
Published in The Washington Post, December 3, 2009
This map shows the change in unemployment rate over time on county, state and national levels. This was a quick-turnaround project — the initial version was done in two days, with about three days of upgrades. I imported simplified county shapes into Flash, and built all the functionality and the interface, which includes charting for U.S. and state unemployment rate. It also has historical unemployment data that lets users go back and see how their county has fared for the past two years. It features zooming and panning, as well as quick-select menus on the right side. We’ve also highlighted certain regions, so when you click on those you get a detailed analysis and a zoomed in view.
Role: Design, programming, research
Tools used: Flash/ActionScript 3.0, MaPublisher
Awards: SND Quarterly (Winter 2009)
Published in The Washington Post, April 18, 2009
This project recreates the scene where DeOnte Rawlings was shot, and tries to lend clarity to what happened (there was debate about whether police had reason to shoot at him or not). Alex Garcia had shot some panoramas of the scene, so instead of just having them in a gallery, I suggested that we try to create a 3-D crime scene timeline, by using Flash Panorama Player’s hotspot technology. I had only used it once before so it took some time to set up, but I really like the effect. It gives a great sense of place and is a really powerful storytelling tool.
Tools used: Flash/ActionScript 3.0 and Flash Panorama Player, CSS
Role: Design, programming
More of my panorama projects:
• Egypt Panoramas (panorama template)
More investigative design:
•Two worlds, On the trail of a serial rapist, Fatal flights
Published in The Washington Post, February 26, 2010
This project was a video snapshot of a trip to India I went on last year. It features over 20 short videos in a player I built and designed. It autoplays from one video to the next, and allows users to jump forward and back using thumbnails, a map, or a dropdown list. It is a variation on the series player I created for Scene In, a fashion series on Washington, D.C.
Role: Design, programming
Tools used: Flash/ActionScript 3.0, CSS
Awards: SND Quarterly (Spring 2010)
More video projects:
• 9:30 Club turns 30
• Scene In
A full year after Whitney and my trip to India, we finally finished up the piece we were working on for it: India in Motion, which was published on The Washington Post’s website. Whitney did over 20 short videos reflecting the sights and sounds of the country.
There are videos from almost all the places we visited, chief among them Mumbai, Udaipur and Rishikesh. I designed the piece and built the player, which had some similarities to Scene In in that it was a series player and I used some of the same code, but look and feel wise, it is pretty different. Keep reading this post »
Published in The Washington Post, July 19, 2009
This project focuses on five major prison camps in North Korea, which are becoming more and more visible through the availability of satellite imagery. We highlight the camps and give a close-up view of camp 15, one of the biggest camps. I did research for this graphic, and designed and built the interface, which features some really cool maps by Laris Karklis, a Post cartographer.
Role: Design, programming, research
Tools used: Adobe Photoshop, Illustrator, Flash/ActionScript 3.0, CSS
Awards: SND Quarterly (Fall 2009)
It’s been a little while since I updated the blog, so here are a couple of projects from the past month and a half that I think are pretty cool.
The first is a look back at the aughts that I worked on with Joel Achenbach, which was great because I’ve always admired his work and thought he was hilarious. I designed and build a fairly simple panel graphic that has collages of some major things that happened in the 2000s and will impact our memory of the decade. I think it ended up looking pretty cool and it was a fun look back…
At the end of December I spent a few days working on a new timeline template for washingtonpost.com. I created a new template that improved upon the navigation of our old timeline and allowed more flexibility in text and photo sizing, as well as automatic point placement and the use of points in time and ranges of time.
We’ve already used the template for several timelines, including the Cerrato timeline above, a look at women in political history, surge strategy timeline, and a look at Virginia inauguration history.
From the Carolina Photojournalism Workshop, March 2006
I did the photography and audio for this piece about a mud-racing mechanic on the eastern shore of North Carolina. I spent several days with Critter at his shop, at home and out and about in Newport. He’s an incredible character and he gave me an open look into his life. To watch, go here and click “Critter.”
Role: Photography, audio
Tools used: Canon 30D, ProTools, Soundslides
In the news: Endeavors Magazine
More of my photography:
• Atacama Stories: Hand-hewn Copper (Select “Mining” and then “Hand-hewn copper”)