Path of a predator

Timeline of Kevin Ricks' teaching career

After a long week & weekend of wrapping up the Top Secret America project, we hit the ground running with a project that came out today about local teacher Kevin Ricks. A four-month Washington Post investigation of his career revealed a pattern of abuse that goes back to at least 1978 and has a trail of victims that spans the globe. Reporters Josh White, Jennifer Buske, Michael Chandler and Blaine Harden worked on the story, which was just a great piece of reporting. Go read it!

The timeline tells the story through each place Ricks has been, including maps and a list of schools where he worked in each place. It also has audio clips from a hearing where a German student tried unsuccessfully to get a restraining order against Ricks, and myspace messages that Ricks wrote.

This graphic was done using jQuery and CSS. It uses the ColorBox jQuery plugin for the lightbox effect. The audio players are the only Flash pieces in the project — they’re standard across the site (I built them about a year ago). So check it out on your iPad 🙂

Top Secret connections

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.

Network connections: Who's involved in the most types of work?
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 »

2010 Political Race Maps: House, Senate and Governors

2010 Campaign: Congressional Races

These three new race maps (house, senate, and governors) launched today with the new PostPolitics section of The Washington Post. I worked with Karen Yourish and Dan Keating, who are absolutely amazing data whizzes, to get the data together for the project, and Nathaniel Vaughn Kelso gave me some great base maps to start with. We really wanted to give a complete picture of the 2010 races, so we have current race ratings (for house, we have state of the race), election history for each district or state, and demographic information that lets you see some cool patterns — like how states vote when they have a high percentage of seniors or high poverty rates. Keep reading this post »

D.C.’s rock scene: 9:30 club turns 30

A multimedia history of the 9:30 club
A multimedia history of the 9:30 club

I spent the last few days working on this piece about the 30th anniversary of the opening of the 9:30 club, one of the best venues in D.C. (and a lot of people would say the whole country). Alex Garcia shot some great concert video and interviewed some key people, and Josh du Lac wrote the magazine story. I pulled it all together in this multimedia slideshow, which has several different text layouts and video in varying sizes. The content of this is the coolest part — there are some great stories in there about the old club: how there were so many rats they had something called the “rat highway,” how Will Smith (The Fresh Prince) showed up and just left without playing the show because he was so disgusted at how the place looked and smelled, and a whole bunch more. There are also some great photos from the ’80s and ’90s. I pulled the illustrations from the magazine layout, which you can see here.

New project: Graphic explains the search for a serial rapist

Rapist's trail spans four states, 13 years

I worked on this graphic with reporters Josh White and Maria Glod, who collected an incredible amount of information on the East Coast Rapist, a man who has been on the loose for 13 years and is a suspect in 17 cases. For this important story, I organized the data that Josh and Maria collected into an easy-to-use interface that had the details of each case, including a small photo gallery, a google map, a quote and all the case information. I built an interface that drew connections between the cases and allowed people to sort the cases by date, location, existence of dna samples, and the weapon used. It also featured a map interface, a gallery and a video. Keep reading this post »

Videos from India Trip

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.

India in Motion

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 »

What I’ve Been Working On

I was just poking around my old blog posts and realized that this blog is about to turn five years old on June 7. In honor of that milestone, I plan to completely redesign the blog and add some features. I’m also going to be posting some of my more recent work in the next few days/weeks.

I realize my last post was more than a year and a half ago, and a lot has happened in the interim. About a year ago, I started working at washingtonpost.com. I’ve been working on some really interesting projects, focusing primarily on creating interactive graphics, special report pages, and multimedia presentations.

Here are a some examples of multimedia projects I’ve worked on since starting at the Post:

Seeds of Peace: I did this project last July, but I was really happy with the way it turned out. Ben de la Cruz did a wonderful job on these three video stories and a Q&A video, so I had amazing art to work with for the splash page of this piece. A really incredible story of what’s going on in Uganda as civil war continues and people are displaced.

Egypt Panoramas: Post multimedia journalist Alexandra Garcia shot these beautiful panoramas of Egypt on a recent trip. I created this interface, with the pano moving behind the map of Egypt, which also acts as a menu. This project was built totally through XML, so it was really easy to reuse, as we did for the Venice Biennale.


Failing the Chesapeake: This small interactive piece acts as an anchor on the index page of the series. It features a then and now photo piece, a timeline, and several charts showing declining health of the Chesapeake. I also created an interactive panorama from a panorama Whitney Shefte shot of a skipjack, a type of boat used in the Chesapeake.


In the Moment: I did this splash design and set up the video players for this awesome piece the Washingon Post video team did on Barack Obama’s inauguration in January.

[In the Moment]

Israel Strikes Gaza Strip: During conflict in the Gaza Strip last December, I worked with Sarah Sampsel to create this XML-driven map of Israel that shows attack sites and gives a synopsis of the events as they occurred. We updated this throughout the conflict.

Israel Strikes Gaza Strip - washingtonpost.com
washingtonpost.com

Blood on the Mountain: Also, last summer I worked on this timeline about a murder on the Appalachian Trail. I thought it turned out to be interesting and I like the way the map is incorporated into the timeline. Plus, it’s a fascinating story, which never hurts 🙂

Blood on the Mountain
washingtonpost.com

And, to top it all off, my very first project at I worked on at the Post: Explore Nationals Park. This project incorporated video, panoramic images and a stadium rendering that we got from the firm that worked on the stadium, HOK Sport. I designed it and put together the dynamic version of some of the graphics, and Nelson Hsu put it all together. It was a great experience to work on something like this when I first arrived and Nelson was a great person to learn from.

Explore Nationals Park
washingtonpost.com

I also plan to (finally) post some pictures from India and some stories about the trip.