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.

About the author

Priya Krishnakumar

Undergraduate Fellow

Latest Posts

  • Another Big TimelineJS Update That You Shouldn’t Even NoticeBut we wanted to warn you ahead of time

    There’s another big but invisible change coming to TimelineJS. In July, we announced a big update to TimelineJS on the day of the release. With some minor exceptions, we were right that most people didn’t notice. Next week, we’ll be making another big update, which, again, we hope you won’t notice. This time, we thought we should announce it ahead of time, because timelines created before January, 2015 will probably stop working unless steps are taken. Timelines...

    Continue Reading

  • Evaluating VR and AR Tools for the ClassroomHow we choose tools for Knight Lab Studio

    In the Knight Lab: Studio class, every Virtual and Augmented Reality project is a blank slate. All of our developers are learning how to make VR and AR for the first time; many of them don’t even consider themselves developers yet. With the exception of a few projects which have run in successive quarters, we’re never building on something that already exists. We go from “New Project” to our final destination in ten weeks. The fact that...

    Continue Reading

  • A Big TimelineJS Update That You Shouldn’t Even Notice

    Today we’re releasing a new version of TimelineJS, but most of you shouldn’t even notice a difference. We make updates to TimelineJS periodically, and we usually don’t say much about it, partly because people who publish timelines using our embed tool are automatically updated to the new version—there’s nothing they need to change. That includes this new release. However, in this case, we thought it was worthwhile posting for two related reasons. First, this release...

    Continue Reading

  • AR Face Filters: How Do They Work and How Are They Changing Us?

    This video explains the mechanisms behind how selfie filters change our digital images and then how this might psychologically affect us. To make this video, I researched “Snapchat Dysmorphia” and also looked for the technical understanding of selfie filters. Before creating this video, I made a selfie filter for the Knight Lab using Spark AR to get a sense of how face deformation would work in Instagram selfie filters. The animation workflow for me looked...

    Continue Reading

  • 9 Important VR Experiences for Journalists to See

    In an era where social media outpaces print newspapers in the U.S. by a whopping 4% (Pew Research Center, 2018), there is much to be said about the role of interactive media technology in minimizing this gap between technology and storytelling. How can publications, and the journalists within them, use interactive media technology to re-engage with this lost audience? And why might this shift towards digital storytelling, such as VR, be more valuable for journalism than...

    Continue Reading

  • 7 Reflections on SRCCON:Productthe first conference for “product thinkers” in media

    On Feb. 8 in Philadelphia, I was lucky to be one of about 150 participants at SRCCON:Product, the first conference for “product thinkers” in media. A few reflections on what I saw and learned: 1. A quarter of a century into the digital age, we are finally figuring out how to build media products In 1995, I was named the first online director for The Miami Herald, with responsibility for launching the “Internet edition” of...

    Continue Reading

Storytelling Tools

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

View More