Berliner Morgenpost

Berlin Marathon

Displaying all 37k runners of the Berlin Marathon, this map allows you to replay the race and to compare your own results with those of others

Tasks
Data Processing
Data Visualization
Frontend Development
Team
Moritz Klack
Christopher Möller
André Pätzold
Marie-Louise Timcke
and more...
Published
2016/09/25
35,827 runners finished the annual Berlin Marathon in 2016. After the race, the Berliner Morgenpost received the finishing times of every runner. With that data, a detailed interactive was developed that lets you compare your city’s average or your individual finishing time with others.
The interactive visualizes every single runner of the marathon
The interactive visualizes every single runner of the marathon
The challenge here was to animate all runners efficiently and to show and hide runners dynamically. This was achieved by developing a WebGL-based datavisualization that is controlled using react. As you can see in the application, the interactivity is distinguishing the app from a pre-rendered video. Not only can you playback the race in your own time but also select a city and show only the runners from this place.
Technology Stack
Node.js
Pixi.js
React.js
Are you interested in a collaboration?
Contact us
Featured Projects
webkid logo
webkid GmbH
Kohlfurter Straße 41/43
10999 Berlin
[email protected]
+49 30 983 227 20
Imprint
Privacy