GalleyCat FishbowlNY FishbowlDC UnBeige MediaJobsDaily SocialTimes AllFacebook AllTwitter LostRemote TVNewser TVSpy AgencySpy PRNewser

Once Upon A Datum: How To Create Visual Interactives In News Time

BOSTON — This afternoon at the Online News Association conference, Associated Press interactives producer Michelle Minkoff and WNYC’s data news director John Keefe held a hands-on, learn-by-doing session about creating quick data visualizations on a newsroom deadline.

Using free, open source tools and data sets, the barrier to entry for creating usable visualizations is lower than ever.

Michelle showed the audience how to make an interactive chart that graphs crime data using Google Chart Tools. She posted a full tutorial on her website and the downloadable source code for the visualization. Here are the key links you need to build a chart yourself:

John Keefe showed us how he quickly mapped hurricane evacuation zones during the days leading up to Hurricane Irene. The visualization had 57 times more traffic than he had originally projected. The whole thing was created using Google Fusion Tables. Here are some key links if you want to build your own map:

The overlayed legend in the top right corner of the map is simply a div that loads after the map, set with an absolutely position in the top right corner. Jeff copied the code from The Chicago Tribune — and a word of wisdom from Michelle: when it comes to this stuff, it’s ok to build off the code of others; in fact, that’s the point.

Follow @jkeefe and @michelleminkoff on Twitter for more or if you have questions.

Mediabistro Course

Travel Writing

Travel WritingStarting September 23, learn how to turn your travel stories into published essays and articles! Taught by a former Vanity Fair staff writer, James Sturz will teach you how to report, interview, and find sources, discover story ideas and pitch them successfully, and understand what travel editors look for in a story. Register now!