Liquor sales and consumption

Liquor sales

This piece on liquor sales and consumption in Virginia features the 10 top-selling liquors in the state, as well as a tax breakdown and a map showing which areas are purchasing the most liquor. I think looking at the top sellers is interesting — to see that Aristocrat sold more than Jose Cuervo or Captain Morgan. It was a quick-turnaround, fun piece that paints a picture of how Virginia drinks.

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 »

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 »

Recent projects: Remembering the decade and new timeline template

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…

Remembering the decade (washingtonpost.com)
Remembering the decade (washingtonpost.com)

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.

Cerrato Timeline (washingtonpost.com)
Cerrato Timeline (washingtonpost.com)

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.

Virginia Election Coverage

I worked on two graphics for the recent election in Virginia — a map that shows the results of the 2009 governor’s race and election results back to ’97, and a delegates meter showing the balance of power in the VA House of Delegates.

VA Election: Results Map
VA Election: Live Results

The governor map showed live results throughout the night, and at the end of the night historical results showed up as well, so that users could look at how voting patterns have shifted since previous elections. I think this was really interesting given the speculation about how the 2008 presidential election might impact this year’s race in Virginia.

VA Elections: Historical Data
VA Elections: Historical Voting Shifts

The delegates meter was a quick piece, I just used some circle drawing math in AS3 to create 100 segments in a half-circle, and fill them in as the results came in. When you roll over the segments, you see current results for that district.

VA Elections; Delegates Meter
VA Elections; Delegates Meter

I made small versions of these graphics to go on our local homepage on Tuesday night and Wednesday morning. They were simplified versions that linked out to the full graphics. I think that was a smart way to push traffic to our graphics on election night, while giving  casual viewers a current tally of results.

VA Election: Local HP
VA Election: Local HP

New Graphic: Redskins Lawsuits, Tickets

This graphic was published today, accompanying a story by James Grimaldi about how the Redskins are selling their tickets to brokers. The graphic explores lawsuits filed by the Redskins since 2005 and tickets sold to one broker in 2008. It also shows which tickets they filed lawsuits over and then resold to the broker. The lawsuits are sortable by amount and status, and the tickets are sortable by game.

[Redskins graphic]