Umbro • World Cup Graphics

Data stories

Umbro commissioned me to come up with infographics to feature in their coverage of the 2010 FIFA World Cup. I designed a visual language for match recaps — timelines to pair with written game analysis as the tournament unfolded.

The final post — a single bird's-eye view of all 64 matches — was the most trafficked post on Umbro's digital channels. In response, Umbro released posters of the graphic.

How to read these timelines

A ~90-minute timeline represents a football match
Yellow lines in the timeline indicate passes
Blue triangles indicate shots on goal
Red circles above blue triangles indicate a successful goal

Infamous goals from the tournament

Timeline for Portugal vs. North Korea — a 7-0 shutout
Portugal hammers North Korea with a 7-0 shutout.
Timeline for Spain vs. Switzerland — Switzerland's lone goal wins
While Spain dominates Switzerland all match, the Swiss slip one in for the win.
Timeline for Argentina vs. Nigeria
Argentina comes out swinging, but goes unanswered.
Timeline for Algeria vs. USA — USA scores at the death
After 90 balanced minutes, USA scores with seconds left.

Every pass, shot, and goal of the World Cup

Group A
Timelines for the six matches in Group A
Group B
Timelines for the six matches in Group B
Group C
Timelines for the six matches in Group C
Group D
Timelines for the six matches in Group D
Group E
Timelines for the six matches in Group E
Group F
Timelines for the six matches in Group F
Group G
Timelines for the six matches in Group G
Group H
Timelines for the six matches in Group H
Round of 16
Timelines for the eight matches in the Round of 16
Quarter finals
Timelines for the four quarter-final matches
Semi finals
Timelines for the two semi-final matches
Third place
Timeline for the third-place match
Final
Timeline for the final match

I design and build systems, end to end.

From strategyTo pixels

Pigeons: Beacon, NY

Robots: llms.txt