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

Map of DC AIDS Providers for Wasting Away series

This morning a project went up that I’ve been working on for a while. Debbie Cenziper investigated this really interesting piece on funding for AIDS providers in D.C.

“In a city ravaged by the highest rate of AIDS cases in the nation, the D.C. Health Department paid millions to nonprofit groups that delivered substandard services or failed to account for any work at all, even as sick people searched for care or died waiting.” – Staggering need, striking neglect

Whitney Shefte also did this beautiful documentary piece on AIDS in DC, which is really touching and a great overview of what’s happening in the city. For the package, I designed the splash page, the chapterized video player for Whitney’s documentary, and a map of providers in the district.

[Map of AIDS Providers in D.C.
Map of D.C. Aids Providers

Mary Kate Cannistra located the agencies and provided me with a base map, and I built this piece that allows sorting through a slider mechanism and with radio button components. You can isolate agencies based on amount of funding, year of award or type of funding. It allows you to get more information by rolling over agencies or by selecting from a dropdown list, which is updated whenever you change the filters. We’ve also highlighted six providers, for which we’ve added extra information (photo and paragraph description).

The slider is reusable, you just initialize it with the two amounts at either end and the data that needs to update. I think we’ll have a lot of use for that functionality moving forward.

The Politics of the Prize

I created this graphic about controversial winners in Nobel Peace Prize history based off of some of the development work I’d done for the helicopters project. The timeline and slideshow componenets are very similar, I just switched the look of the slideshow portion and made the timeline interact with the slideshow.

[Politics of the Prize]
Timeline: Politics of the Prize

Reusing the classes I’d created saved a lot of time — it only took a few hours to create this piece. With the improvements we could have a 15-minute turnaround on future projects.

The Battle of Wanat

Yesterday we launched a multimedia narrative on the Battle of Wanat, one of the deadliest battles that have taken place in Afghanistan since the war began. I designed and developed this timeline in collaboration with Greg Jaffe, Liz Heron, Ben de la Cruz, Laris Karklis and several others.

It combines video, audio, maps, documents and photography to tell the story of what took place on July 13, 2008, when Taliban fighters launched a major assault on a small U.S. Army outpost in Afghanistan, killing nine soldiers and wounding 27. It chronicles the battle from the perspective of a lieutenant killed in the fight, Jonathan Brostrom, and his father, who has been seeking answers to what went wrong.

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]

Recent Design and Development Work

I said I was going to publish some of my recent work, so here goes. All of this stuff has been done in the past several months and has been published on washingtonpost.com.

I worked on this interactive graphic about North Korean prison camps last month. It explores the five major camps and goes into detail about camp 15. Laris Karklis did the maps, Blaine Harden wrote the text, and I did the design and build.

In April, I worked with Amanda Zamora and Alexandra Garcia on this panoramic timeline of the scene of the shooting of DeOnte Rawlings. It uses three panoramic images, a map, and multiple hot spots to lead the reader through the sequence of events that led to Rawlings’ death. I used the same technology (Flash Panorama Player’s hotspots plugin) for this as I did for the Skipjack pano piece I posted below, but I think this is a much more sophisticated use of hotspot technology.

In April we also launched the D.C. budget game, which people can use to learn more about the city budget and what programs would stay or go with varying levels of funding. Users can save their budgets and compare their choices with other users.

For Barack Obama’s first 100 days, I created this sortable photo gallery that lets readers see exactly what he was doing. Load time is pretty slow, so future iterations will be much leaner.


Scene In: This player for a new series on fashion in D.C. by Alexandra Garcia utilizes the new AS3 video player Jesse Foltz created and features a logo illustration by Noel Smart. I designed the series player and built out the functionality. A new episode comes out every other Thursday.

[Scene In]

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.

Work from baltimoresun.com

SPEEDING TICKETS BY JURISDICTION 2006
This map shows the distribution of speeding tickets in Maryland by range of miles-per-hour over the limit. The pattern varies county-by-county.


BRAC SECTION FRONT
In preparation for the influx of military workers coming to Maryland during the upcoming base realignment, we wanted to prepare a page that explained the process, informed readers of current developments and provided resources for those moving to the area. I designed the BRAC page and the flash graphic in the center of the page, which includes a map of affected bases, quotes from area officials and a timeline of BRAC events. I used archived articles to write all the text for the map portion.


FEATURED COVERAGE SECTION FRONT
A section for special coverage was created during a site redesign in the summer of 2007 and I was assigned to create a page that incorporated unique, compelling stories, in-depth and continuous coverage, multimedia, including photography, audio and interactive, and regular features.


HOME SALES MAP
Using home sales data compiled by a real estate reporter, I created one of two maps that analyzed year-over-year price changes by zip code.


TIMELINE: ART MODELL
This timeline about the life of Art Modell was created to top a gallery of stories about the former Ravens owner. It was one of several timelines that were created using a timeline template that I created in Flash.

Modell Timeline
RAVENS FOOTBALL CARDS
I designed this new take on traditional football cards as a fun way to let Ravens fans check up on their favorite players.

Ravens Cards

HURRICANE AGNES: 35 YEARS LATER
In preparation for hurricane season, I suggested a retrospective about the impact of past hurricanes in Maryland. My supervisor suggested an anniversary piece about Hurricane Agnes. The photo desk provided archived photos and I went to Ellicott City to photograph locations that were seen in the archived images. Then I created this piece about the event.


ORIOLES OPENING DAY VIDEO
I shot and edited this video about fans attending the season opener at Camden Yards.