Space of Olympic Games

artzub's picture
I imagined that every Olympic game is a galaxy of stars... And after some searching and thought it turned out that there are. There are two modes, view a graph with the ability to draw the vertices as stars... And an increase in the corresponding peaks appear the level of detail and mode statistics with multiple schedules. Good luck! <p> <em>Number of medals correspond to the number of medals received by participants, not teams.</em> </p> </p> <h2>How to use</h2> <p> <ul> <li><strong>Scroll</strong> - increase / decrease <li>Button at top left change mode <strong>stars off</strong> or <strong>on</strong>. <li>Button <strong>statistics</strong> open window statistics of sports and countries.<br /> You can: <ul> <li>Move mouse on circle to view statistic about sports/countries</li> <li>Use scroll at bottom (or click on bar) to change the current year.</li> </ul> </li> <li>Panel with <strong>filters</strong> provide opportunity apply another filters.<br />In order to apply filter to click on row.</li> </ul> </p> <h2>That used</h2> <p> <ul> <li><a href="">D3.js</a> — is a JavaScript library for manipulating documents based on data.<br /> Used the next main layout: <ul> <li><a href="" title="Force Layout">Force Layout</a> — for the calculation of the graph.</li> <li><a href="" title="Pack Layout">Pack Layout</a> — for the calculated of the bubbles of the countries medals.</li> </ul> </li> <li><a href="" title="Inkscape">Inkscape</a> — in order to create stars.</li> <li>Datasource:<ul> <li><a href=""></a></li> <li><a href="">Summer Olympic medallists since 1896</a> — sheet with IOC and ISO codes of countries.</li> <li><a href="" title="Olympic Games on Wikipedia">Olympic Games on Wikipedia</a></li> </ul></li> <li>Media files: <ul> <li><a href="" title="Country Code



Thumb Meta Data: 
Infographic Type: 
Interactive Graphic
Interactive URL:
Visible on Site: 
Show in Portfolio: