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 visualization 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 organized 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.

go full screen

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 organized in the way I wanted to be able to show them.
Role in the Project: coding

Next project