Twitter
Kat Downs Mulder

Interactive design and development

Latest Posts

New project: Graphic explains the search for a serial rapist

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.

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 »

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)

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)

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.

Nationwide County Map

After many months talking about how we wanted to produce a nationwide county map, we finally had a project come up that called for one with a quick turnaroud — one and a half days! With a great base map by Nathaniel Vaughn Kelso, I created this United States county map that shows unemployment from 2007-2009. This is an early version, so there’s a lot of improvements to make, but I think it’s a solid start, and I’m happy we turned it around as fast as we did. I used classes I created for the helicopters state map and the Virginia governor’s race map to make the build much easier.

Unemployment by county

D.C.’s unemployment rate was 12.1% in Oct. 2009 — really high. Macon County, where Franklin is, had an unemployment rate of 10.3%. We’ll keep adding to this map as time goes on, and I think it’ll be really interesting to see what happens with jobs and the economy over time.

Bill Bryson’s Walk Through Franklin

Last week I started reading A Walk In The Woods by Bill Bryson, a travel book that he wrote after hiking (most of) the Appalachain Trail. Bryson’s novel is funny and educational, full of factoids about the natural environment of the Appalachian mountains and human impact in the past few centuries. On page 83 of my edition, he arrives in Franklin, a small town in southwestern North Carolina that was my home for the first 18 years of my life. Closest reference points are Asheville (1.5 hours northwest) and Atlanta (2 1/2 hours south). I thought Bryson’s observations of the town were hilarious, so I’ve quoted him here:

And so we had a little holiday in Franklin, which was small, dull and cautiously unattractive, but mostly dull — the sort of place where you find yourself, for want of anything better to do, strolling out to the lumberyard to watch guys on forklifts shunting wood about. There wasn’t a thing in the way of diversions, nowhere to buy a book or even a magazine that didn’t involve speedboats, customized cars, or guns and ammo. The town was full of hikers like us who had been driven down from the hills and had nothing to do but hang out listlessly in the diner or launderette and two or three times a day make a pilgrimage to the far end of Main Street to stare forlornly at the distant, snow-draped, patently impassable peaks.

There’s only one place in town I can think of where a diner and a laundromat are in the same shopping plaza, so I wonder if the diner is the B&D, an old staple for my family on Sunday mornings after church. I think Bryson’s observations are funny, but to do it justice, I must say that though Franklin is not the most bustling place on earth, it does have some great qualities that include a beautiful landscape and kind people.

It’s so funny to come across mention of a place no one who isn’t from the area has ever heard in such a well-known novel. I guess I will have to start reading more trail books to find out what others think!

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: 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 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

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

Interactive Map of Virginia: A State of Change

This graphic looks at demographic changes in Virginia for the past 10 years. You can select a category to see demographics on the map, and roll over each county for details. This map reuses functionality I built out for the campaign finance map earlier this year. We’ll get a lot of use out of this map of Virginia in the future.

[Map image]

A state of change