Kat Downs | Blog | Interactive graphics, multimedia projects, and visual journalism

February 26, 2012 on Information Graphics, Travel, Work

I just got back from the NICAR conference in St. Louis, where I gave a talk with Bill Keaggy on Best Visualization Practices. There’s delicious stack of links here: http://bit.ly/nicar2012 and the presentation is here (click the settings gear and open speaker notes to find out what we talked about):

Chrys Wu kept a detailed list of links if you want to check out some of the other sessions. I also got the see the St. Louis arch! Very exciting:

Posted by Kat Downs on Sunday, February 26, 2012 at 1:17 pm
Tags: charts, Design and infographics, missouri, nicar, presentations, st. louis, Travel

January 31, 2012 on Multimedia, Work

It’s been a busy few months, but I’m gonna squeeze in a post for January! I’ve switched jobs at the Post and moved into a new role, Interactive Projects Editor, focusing on creating interactive projects that combine design and graphics with video, photography and social media. I’m really looking forward to the new challenge. In other news, I’m getting used to the new delicious and trying out this ‘stacks’ thing. I’ve got a few going, namely one on interactive maps and one for games and quizzes. I’ll keep those updated as I collect links around the web. And, some of my recent work….

Pinocchio tracker
The tracker part of this was originally done with Tableau, but we decided to rework it and to add a game element to it. It’s on a page of its own as well as in the right rail on all our politics content. Try it out!

The Media Divide
This piece was born from a project by Marc Fisher to track what media people consume in a day and see how it reflects their ideology. Evelio Contreras did this great video and we put it together in a calendar with links to all the news they watched/read/listened to, and combined that with a poll.

The Seat Pleasant 59
This project leads with Whitney Shefte’s awesome video about a class of students who were promised that if they graduated from high school, their college would be paid for. We tracked down the students and found out where they are now. My contribution was the list/grid view and filtering along with itemizing content for each of the dreamers.

Posted by Kat Downs on Tuesday, January 31, 2012 at 7:28 pm
Tags: amanda zamora, delicious, Design and infographics, evelio contreras, factcheck, game, graphics, interactive, jobs, links, local, marc fisher, Multimedia, politics, poll, userdata, video, washingtonpost.com, Whitney Shefte, Work

February 9, 2010 on Information Graphics, Work

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.

Posted by Kat Downs on Tuesday, February 9, 2010 at 9:23 pm
Tags: graphics, Joel Achenbach, The Washington Post, timeline, Work

December 3, 2009 on Maps, Work

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.

Posted by Kat Downs on Thursday, December 3, 2009 at 10:42 pm
Tags: economy, Information Graphics, interactive, Maps, Nathaniel Vaughn Kelso, news, The Washington Post, Work

November 24, 2009 on Information Graphics, Work

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

Posted by Kat Downs on Tuesday, November 24, 2009 at 10:37 am
Tags: elections, Flash, graphics, Information Graphics, local, Maps, politics, The Washington Post, Work

October 27, 2009 on Maps, Work

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.

A state of change

Posted by Kat Downs on Tuesday, October 27, 2009 at 1:39 pm
Tags: demographics, Flash, Information Graphics, local, Maps, The Washington Post

October 18, 2009 on Maps, Work

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

Posted by Kat Downs on Sunday, October 18, 2009 at 2:25 pm
Tags: Information Graphics, investigations, Maps, Mary Kate Cannistra, The Washington Post, Videos, Whitney Shefte

October 10, 2009 on Design and infographics, Work

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.

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.

Posted by Kat Downs on Saturday, October 10, 2009 at 12:43 pm
Tags: Flash, Information Graphics, Karen Yourish, The Washington Post, timeline