Visualizing the Fifa World Cup Final

Home | World Cup Visualization | Fake Heatmap Generator

An interactive view of all teams that played in the Men's Fifa World Cup final since FIFA began the tournament in 1930.

Roll your mouse over the team's national flag to see which years they made it to the World Cup Finals. (Blue bars mean they won, red means they lost).
Mouse over the years to see that year's final matchup. SHARE: Twitter | Facebook | Google+ | LinkedIn | Pinterest | VK | Xing | tumblr.

What are we looking at here?

I initially built this back in 2010 and update it every 4 years for the new World Cup. This data visualization is accomplished using html5, css3, Google Fonts, javascript, jQuery and by viewing it in a modern web browser. If you are using internet explorer 9 or earlier all you'll see is an unordered list, womp, womp. I learned a great deal about the html5 canvas element, css3 transitions, javascript, jquery, national flags, and the FIFA World Cup by working on this build.

What happened in 1942 and 1946?

World War 2 prevented the World Cup from being played.

Other interesting notes

Webkit Browsers (Safari, Chrome)

You get the full experience.

Firefox 4.0+

You get the full experience.

Internet Explorer

This fails completely in most versions of IE