How the NYT graphics team prepped for and carried out its Sochi Olympics plan

The New York Times’ graphics team began working on the many explanatory, video-based interactives and composite images for the Winter Olympics many months in advance.

When the Olympics roll around every two years, virtually every news site covers it in one way or another. For interactive teams in particular, the Olympic spectacle provides a wealth of opportunity to craft stories that are beautiful, functional and informational.

For Sochi many newsrooms put together great packages (some personal favorites include The Guardian’s Sochi Venue Guide and The Washington Post’s Mountains of the Olympics graphic), but I was particularly taken with the scale of the work The New York Times put out — from the heartbreaking “Fourth Place” series to the first-person videos and narrations and detailed composite images.

But all that work begs the question, just how did the Times’ produce so many immersive graphics during the two weeks of the games? The answer isn’t that surprising — it’s a lot of planning and strategic project management.

The planning

Wilson Andrews, a graphics editor at the Times who started last October, said the department began work on the early stages more than six months before the February games began.

“They’d been working for at least a couple months, shooting some of the video for the big video interactives and planning out what events they wanted to cover,” Wilson said.

To create the immersive video experiences, members of the team traveled to the athletes’ training grounds last fall to film, shoot and report. By the time the Games began, these explanatory pieces had already been completed, and the team could focus their attention on news that broke during the games and results.

Andrews, who worked primarily on the composite images, said the goal was to explain the often obtuse, hard-to-understand sports in a way that was both visually pleasing and comprehensible. When brainstorming the best way to present the composite images, he says the team went through several iterations before settling on wide-frame, highly-detailed still images.

"We quickly found out that those composites were the most compelling thing, the most unique,” he said. “We had played around with animating them, but stuck with the whole 'easy-to-use composite' that lets you see what the athletes were doing in such rapid movements … We hadn’t seen anyone else do that and it was a nice way to get into the techniques of those sports.”

Composite images, like this one of Mikaela Shiffrin's slalom run, were the backbone of the graphics team's coverage.

The process

The key to producing composites of live events was to develop a system in advance to create and post the images as soon quickly as possible.

The group was divided into five three-person teams of visual journalists. Each team was assigned to an event to cover and began with an intense research and pre-reporting process in the weeks before the games. Andrews, whose team focused on figure skating, said that each journalist aimed to be as educated with their designated sport as possible before the event. They contacted sources (usually experts or ex-Olympians) with whom they would speak right before and immediately after the event so that each composite would be accompanied by thorough reporting and analysis right away.

During the events themselves, members of the team in Sochi would shoot the event and run the images through a Photoshop script they'd written prior to the games, said Larry Buchanan, a Times graphics editor. The script detected the differences between images and created a composite that was “80 percent” there, Buchanan said.

They also built a variety of modules beforehand to create composites, diptychs, or finisher’s graphics depending on the sport. One of the reasons the team was able to get the graphics up so quickly is because their system allowed them to work as a singular unit.

“We function as a standalone entity that produces our own stuff,” Buchanan said. “To that end, we can explain the nitty-gritty details of what’s going on in these sports better than sometimes [written] stories can.”

The goal of all the breaking coverage was to provide a unique insight to the readers that they couldn’t find elsewhere — and to push the envelope in storytelling for the web, Buchanan said. He specifically pointed to the graphic of Mikaela Shiffrin’s gold-medal slalom run, which combined a quilt image, a composite and finisher’s graphic all in one, as a particularly good example:

“By the time [Shiffrin] won the slalom, some of us had composite fatigue,” he said. “That was one of the last events we covered live, and we hadn’t seen a composite of that magnitude. That one got everything…It feels so native to the web medium. You’re scrolling down and it reveals how she moves, like you’re going down the mountain with her.”

To create a new experience, sometimes it’s all about putting things into perspective. Buchanan said that his favorite graphic from the entirety of the games was, “Is that a Luge in Times Square?” which illustrated what the Olympic venues would look like if they were plopped in the middle of Manhattan.

“You can’t get a scale of how big these buildings are until you juxtapose them,” he said. “So how can we create that impossible scenario for you? By using these alternative storytelling techniques we’re pushing forward what it takes to create a little story."

The months of planning and meticulous execution allowed the team to create dozens of varied and expansive graphics for the two-week Sochi games, giving users a unique—and most importantly—informative look into the Winter Olympics.

Latest Posts

  • A Google Spreadsheets change affecting TimelineJS users

    Google recently changed something about their Sheets service which is causing many people to run into an error when they are making a new timeline. Note: there should be no impact on existing timelines! After this change, many of you click on the "preview" and get this message: An unexpected error occurred trying to read your spreadsheet data [SyntaxError] Timeline configuration has no events. There is a straightforward work-around, but it requires those of you who have...

    Continue Reading

  • How Americans think and feel about gun violence

    A man killed his wife, then himself. I want you to see his face and learn that he enjoyed fishing with his grandchildren. A small-time drug dealer is shot by two men in a parking lot. I find his Facebook profile and a photo shows him striking a playfully irreverent pose, giving the camera the middle finger. The photo’s comments take a mournful turn after a certain date. “Rest easy bro ???” Gun Memorial runs...

    Continue Reading

  • Software developers interested in journalism: Northwestern and The Washington Post want you!

    Northwestern University and The Washington Post are offering a unique opportunity for two talented software developers interested in applying their programming skills in media and journalism. Here’s the proposition: (1) a full-tuition scholarship to earn a master’s degree in journalism at Northwestern University, followed by (2) a six-month paid internship with The Post’s world-class engineering team, with the possibility of subsequent full-time employment. These opportunities are made possible by the John S. and James L....

    Continue Reading

  • What happened when Gun Memorial let anyone contribute directly to victim profiles

    If you’re reporting local or niche news, there’s a good chance that your audience collectively knows more about the story than you do. That’s especially true for us at Gun Memorial, a small publication with a nationwide mission of covering every American who is shot dead. In our latest, mostly successful, experiment, we let readers add to our stories without editor intervention. This article shares some lessons from that experience. Asking for reader contributions A...

    Continue Reading

  • How conversational interfaces make the internet more accessible for everyone

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. In 2004, human-computer interaction professor Alan Dix published the third edition of Human-Computer Interaction along with his colleagues, Janet Finley, Gregory Abowd, and Russell Beale. In a chapter called “The Interaction,” the authors wrote...

    Continue Reading

  • Three tools to help you make colorblind-friendly graphics

    This story is part of a series on bringing the journalism we produce to as many people as possible, regardless of language, access to technology, or physical capability. Find the series introduction, as well as a list of published stories here. I am one of the 8% of men of Northern European descent who suffers from red-green colorblindness. Specifically, I have a mild case of protanopia (also called protanomaly), which means that my eyes lack...

    Continue Reading

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.

View More