FIFA WORLD CUP

From Uruguay 1930
to Brazil 2014

Participant

Winner

Stage:

green 1st Round

blue2nd Round

turquoiseRound of 16

purpleQuarter-finals

orange3rd place game

yellowFinal

Info
Visual presentation of all World Cup matches, opponents and results Interactive bubble and bar charts showing the goal time distrubution by National Team Interactive matrix displaying participation and the tournament stage reached by each National Team Presentation of each National Team performance facts and figures

Functionality

  • 1. WORLD CUP MATCHES
    • Visual presentation of all World Cup matches, opponents and results.
    • Multiply filter functionality: National Team, Tournament and Match Result selectors.
  • 2. SCORING TIMES
    • Interactive bubble and bar charts showing the goal time distrubution by National Team.
  • 3. APPEARANCE AND ACHIEVEMENTS
    • Interactive matrix displaying participation and the tournament stage reached by each National Team.
  • 4. PERFORMANCE AND COMPARISION
    • Presentation of each National Team performance facts and figures.
    • Side by side comparision chart of two selected teams.

Development

  • D3 Javascript library
  • Additional Javascript functions applied for data filtering, customising the visual appearance of the charts, navigation functionality
  • Javascript, HTML5, CSS

Data

Format (Type): CSV file

Source: thesoccerworldcups.com, fifa.com

Copyright

Development and Implementation

© 2013-2014 Magdalena Iwaniec, Aleksandra Iwaniec