Articles

Projects walkthroughs, tool teardowns, interviews, and more.

Articles tagged: javascript

How We Made “The Water Drain”

By Lindsay Muscato and Cecilia Reyes

Posted on November 16, 2017
To piece together the bigger picture of water usage and how much people pay, the Tribune team used a variety of data sources, including their own survey. They found wide disparities in what residents were paying for water, with the poorest communities paying the most.
How (And Why) We Built A World Series Simulator

By Chris Hagan

Posted on October 27, 2016
We created a tool that allowed users to peek under the hood of the MLB playoffs by simulating the postseason as many times as they wanted, which we hope taught even baseball fans something new about their sport.
How the Guardian Made RioRun

By Aliza Aufrichtig, Kenan Davis, Jan Diehm, Rich Harris, Lauren Leatherby, and Nadja Popovich

Posted on August 22, 2016
RioRun is an “interactive podcast” that takes you on a guided tour of the Rio de Janeiro Olympic marathon course—all 26.2 miles of it—as you run. Here’s how we made it.
A 3D Walkthrough for Breaking News

By Eli J. Murray

Posted on July 25, 2016
We knew we wanted to tell the story in a way that was more concrete than just words on a page. We decided to create a 3D graphic that would tell the story of that night’s events.
Guri VR: Virtual Reality for the Rest of Us

By Dan Zajdband

Posted on July 19, 2016
Here are three tools for making VR in the open web, whether or not you’re a developer.
Feats Thru Sheets: The Wonders of Go-To Templates

By Carla Astudillo

Posted on July 12, 2016
When you’re part of a tiny digital team, you find ways to make life easier for everyone in the newsroom. That’s why I created Feats Thru Sheets, an interactive, filterable, searchable database that can be reskinned for different types of stories and updated solely by reporters.
How We Made “Make it Stop”

By Gabriel Florit, Elaina Natario, and Michael Workman

Posted on June 30, 2016
The Boston Globe’s newsroom development team built “Make it Stop,” a powerful editorial statement on gun control after the Orlando shootings, in just 13 hours. Here’s how they did it — and the tools and workflows they made well in advance to enable (extremely) rapid development.
How We Made the 3D Tour de France Interactive

By Andrew Mason

Posted on September 16, 2015
Our Tour de France 3D interactive brought users right into one of the steepest, toughest, most iconic stages of the race, using WebGL.
Building on Data Viz for All

By Julia Smith

Posted on August 10, 2015
Helping newsrooms improve interactive graphics and data visualizations by making them more accessible to all users.
Tracking a Record Run Throughout the Season

By John Hancock and Erika Owens

Posted on November 19, 2014
At the beginning of the season, it looked like Dallas Cowboys running back DeMarco Murray might break a record this season. John Hancock explains the interactive the Dallas Morning News put together to track Murray’s progress.
From the BBC News Labs: Datastringer

By Basile Simon

Posted on September 5, 2014
Basile Simon walks through the process of building a new tool that aims to help reporters cover beats, and that was prompted by work by Knight-Mozilla Fellows and a presentation at Hacks/Hackers London.
Forking Popcorn for a Journalist Audience

By Joe Flowers, Adam Martin, Erika Owens, and Brian Williamson

Posted on January 28, 2014
At the Mozilla Festival last fall, a team from the Broadcasting Board of Governors launched KettleCorn, their fork of the Mozilla video-editing tool Popcorn.
Mapping Made Simple, Now with Bonus UI

By Alan Palazzolo

Posted on August 29, 2013
Introducing the double-whammy of Simple Map D3 and Tulip, a new mapping app from MinnPost.
Introducing Ractive.js

By Rich Harris

Posted on August 23, 2013
Ractive.js is a new JavaScript library for making interactives and news apps. Tl;dr: Ractive.js will make your life easier! Check out the examples and tutorials. (But really, you probably want to read this first.)
Creating an API of Veterans Affairs’ data

By Cole Goins, Erika Owens, and Shane Shifflett

Posted on May 28, 2013
The Center for Investigative Reporting recently released an API of data from the US Department of Veterans Affairs, which it compiled in reporting on a backlog of disability claims.
Launching the Minnesota Legislative Bill Tracker

By Beth Hawkins, Kaeti Hinck, Tom Nehil, James Nord, Erika Owens, and Alan Palazzolo

Posted on April 5, 2013
This week, MinnPost launched an effort to track legislation in Minnesota throughout the 2013 session.
Introducing Tabula

By Manuel Aristarán and Mike Tigas

Posted on April 3, 2013
A new PDF data extraction tool conceived by Manuel Aristarán and built out in a collaboration between Aristarán, who is a Knight-Mozilla Fellow at La Nación, and Mike Tigas, Fellow at ProPublica, and ProPublica’s Jeremy B. Merrill.
Jessica Lord on sheetsee.js

By Erin Kissane

Posted on October 15, 2012
Jessica Lord breaks down the context and process behind sheetsee.js, a JavaScript mashup developed during her Code for America fellowship.