Features / Project

Project JavaScript sports interactive 3D WebGL How We Made the 3D Tour de France Interactive

How We Made the 3D Tour de France Interactive

Our Tour de France 3D interactive brought users right into one of the steepest, toughest, most iconic stages of the race, using WebGL.

Project d3 jetpack D3 print interactives How We Made “Failure Factories”

How We Made "Failure Factories"

For several weeks, the Tampa Bay Times has been publishing Failure Factories, a series exploring the effects of the Pinellas County school district’s decision to resegregate its schools. On the web we decided to try something new: kicking off the series with a D3-powered graphic that used data to show readers how dire the situation is for black students in south St. Petersburg.

We were aiming for a brief and engaging piece that would invest readers in the stories to come. In that sense, our experiment was successful. #FailureFactories was trending in the Tampa Bay region before the first day of the project ran. We heard from readers across the country that they were waiting anxiously for the series, and both the graphic and the 5,000-word first installment in the series have been among the most viewed stories we’ve published this year.

Project Rethinking the Building Blocks of a Chronicle Interactive

Rethinking the Building Blocks of a Chronicle Interactive

The Airbnb Effect, the San Francisco Chronicle’s follow-up story to a 2014 analysis of Airbnb listings in the city, was the first project the Chronicle’s Interactive desk published. The project tested the limits of the Chronicle’s CMS, and it is now the baseline we’re using for our larger enterprise features. Here’s a look at how it got started.

Project Autotune opennews Code Convening Demo Sites Are Weird

Demo Sites Are Weird

Since the launch of Autotune, we have been approached by people interested in adopting it for their own newsrooms. While a lot of people didn’t mind diving right into the set up, a few people asked us “Is there anywhere I can try this out?”. Fueled by the amazing coffee selection at the most recent OpenNews code convening in Portland, we decided to build a demo site that allows users to try building projects and get a feel for the framework.

Project elections mapping LeafletJS Draw Your Own Election Adventure

Draw Your Own Election Adventure

At La Nación, we have been working on real-time coverage of Buenos Aires elections, as well as a more detailed view results once we get data for each polling station. In this post, we’ll to explain our mapping-app innovation that allows readers to choose what parts of the city they are interested in by drawing shapes over a basemap, and then returns custom results for their selected area.

Project social media Code Convening image tools Introducing Lunchbox

Introducing Lunchbox

At the OpenNews July 2015 Code Convening, the NPR Visuals Team built and released a desktop app for creating shareable images across social media platforms.

Project satellite imagery mapping How We Made Losing Ground

How We Made Losing Ground

How we tracked down, processed, filtered, revisualized, mashed up, and otherwise handled a boatload of disparate imagery to map changes in the Louisiana coastline backward and forward in time.

Project code reuse Introducing Autotune

Introducing Autotune

Today we’re announcing a new project we’ve been working on at Vox Media: Autotune, a centralized management system for charts, graphics, quizzes, and other tools. We built the application to address the problem of reusability in our work. This project is open source and available to everyone.

Project redesign iteration Reported.ly’s Editorial—and Web—Evolution

Reported.ly's Editorial—and Web—Evolution

Kim Bui breaks down the iterative process reported.ly’s web presence has undergone alongside the team’s editorial evolution.

Project scraping archiving data Tracking Amtrak 188

Tracking Amtrak 188

How curiosity and tinkering let Al Jazeera America publish historical data for a derailed train’s route without Amtrak’s cooperation.

Project bots #botweek The Strange Tale of FCCliefs

The Strange Tale of FCCliefs

It started as a joke and turned into hashing through thousands of Net Neutrality comments the hard way, then building a chatbot to post them and interact with curious readers.

Project data scraping elections Scraping Nevada

Scraping Nevada

Derek Willis breaks down the three stages of scraping (denial, annoyance, and acceptance) while confronting the election-results form from hell.

Project campaign finance Python Introducing Bedfellows

Introducing Bedfellows

The financial relationship between PAC contributors and recipients can be difficult to divine from the information reported to the FEC. Bedfellows is a new Python library based on a model developed at The Upshot for understanding those relationships via several different measures.

Project custom elements Tag Soup: Using Custom Elements to Cover Elections and Beyond

Tag Soup: Using Custom Elements to Cover Elections and Beyond

How the Seattle Times’ election page served as a testbed for custom elements in a news app, and what it means for other news apps teams.

Project Reporting from the Youngest Land on Earth

Reporting from the Youngest Land on Earth

How ProPublica and The Lens got the aerial photos they needed to produce Losing Ground.

Project campaign finance collaboration How to Build an App for 14 Member Newsrooms

How to Build an App for 14 Member Newsrooms

What INN’s newsroom technology team learned about inter-organizational collaboration while building Power Players, and what they’ll do differently next time.

Project Clarity Elections Code Convening elections Introducing Clarify

An open source elections-data URL locator and parser for Clarity Elections results, from the team at OpenElections.

Project Code Convening elections Introducing MinnPost’s Election Night API

Introducing MinnPost's Election Night API

The Election Night API is a set of tools, configurations, and instructions to collect and serve election results on election night, while still providing an off-season service, and focusing on saving resources as much as possible.

Project Boundary Service mapping Code Convening elections Introducing Wherewolf

Introducing Wherewolf

Last week, as part of the OpenNews post-election Code Convening, Jenny Ye and Noah Veltman put the finishing touches on Wherewolf, a JavaScript library that lets you run a boundary service in a browser.

Project Code Convening screenshots Introducing Whippersnapper

As part of the OpenNews Code Convening held earlier this month, we’re releasing Whippersnapper—an automated screenshot tool to keep a visual history of content on the web. It builds on top of other open source projects to capture and upload screenshots of a web page, giving users creative power to track how the internet visually changes.