This visualization was created from scratch for the Information Visualization course, which is part of the MSc in Interaction and Visualiation from Instituto Superior Técnico.
This visualization was created with love by:
This vis' is divided in two main areas: the red area (in the top) and the blue area (in the bottom). On the red area you can see the overall statistics from a particular champion, and compare it to other champions in the game (as well the same champion, but in different lanes). On the blue area you'll see the stats for the generality of the game. Fell free to click on the little sliders on the center and see everything changing!
To create this project, we downloaded data from 90000 games on 3 different servers (EUW, NA, KR).
Here is a short list of the technologies used in this project:
- jQuery - don't expect me to do document.getElementById('blabla').innerHTML = document.getElementById('heyThere').innerHTML!
- d3 - To create our awesome graphics!
- HTML5 - duh
- JavaScript - duh^2
Our visualization was crafted for Mozilla Firefox 50.1.0.
- If you don't have it, download it from here.
- Download and extract the source code.
- Open index.html with Firefox, and it's on!