Marco Lurati

Athletes vs Medals

Interactive web info-graphic

- athletes_vs_medals-bg.jpg


The goal of the project was to give a meaning of a great amount of raw data stored in a database. What's more, the visualisation had of course to made sense with the aspects that have been chooses to be highlighted.

The database used is about the Olympic Games of London 2012. In it, for each athlete that took part in the Games, a list of information about him/herself is collected (like nationality, gender, age, weight, height, discipline and so on) as well as the results and medals won.
As plain raw data, they don't have a meaning without building a good info-graphic to visually show them in an organised way.

I decided to show the relation between the number of athletes of each nation in relation to the number of medals won by each nation. This it gives an overview about the “quality” of the athletes for each nation and how efficient are they in winning medals.





MAIND SUPSI, Data Visualization course


Fabio Franchino



The programming languages used in this project has been HTML, CSS, JavaScript, jQuery and D3js. The combination of them is very powerful. All the records about the Olympic Games were stored in a CSV file. With D3js they have been sorted and organised in the way I wanted to be able to show them.

< Back