Interactive Ranking Widget for the European Football Championship

Built for "Der Spiegel" to help readers compare team performance live during the qualification round

Spiegel Widget EM Mac
em-wer-kommt-weiter-phone_hands_gray_bg.png
  • 2024

  • Der Spiegel

  • Standalone interactive visualization

  • Coding

  • Svelte, SCSS

In this project for Der Spiegel, I coded an interactive widget for the European Football Championship to visualize the complex rules of qualifications in the group stage.


The widget shows the ranking in a group of the Euros and based on the interactive scores you can explore which teams will qualify for the next round (green), which teams will be eliminated (red) and which teams still have a chance to qualify depending on the results in other groups (gray). It was a really cool project to code, even more so with the tournament taking place in Germany and seeing so many football fans on the streets here in Berlin.


The widget was featured in several articles as well as on the homepage of Der Spiegel.

Link to Article of Group A | Link to Article of Group B (To view the articles, you need a paid Spiegel subscription.)

Inspired by what you see?

Let’s discuss how we can bring your data to life with a custom, interactive visualization.