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="https://github.com/mbostock/d3/wiki/Force-Layout#wiki-force" title="Force Layout">Force Layout</a> — for the calculation of the graph.</li> <li><a href="https://github.com/mbostock/d3/wiki/Pack-Layout" title="Pack Layout">Pack Layout</a> — for the calculated of the bubbles of the countries medals.</li> </ul> </li> <li><a href="http://inkscape.org/download/" title="Inkscape">Inkscape</a> — in order to create stars.</li> <li>Datasource:<ul> <li><a href="http://www.databaseolympics.com/index.htm">databaseolympics.com</a></li> <li><a href="https://docs.google.com/spreadsheet/ccc?key=0AonYZs4MzlZbdHlfd0F1QlAxYjgtOW53ZXNOZ0JzNVE#gid=2">Summer Olympic medallists since 1896</a> — sheet with IOC and ISO codes of countries.</li> <li><a href="http://en.wikipedia.org/wiki/Olympic_Games" title="Olympic Games on Wikipedia">Olympic Games on Wikipedia</a></li> </ul></li> <li>Media files: <ul> <li><a href="http://forum.tsgk.com/viewtopic.php?t=4921" title="Country Code
Image: 
space-of-olympic-games_50291c5151229.png

Category:

Designers:

Thumb Meta Data: 
space-of-olympic-games_50291c5151229.png
Hash: 
70c54cd778be80b597b047f70fb403ce
Reviewed: 
Source: 
http://visualizing.org/visualizations/space-olympic-games
Infographic Type: 
Interactive Graphic
Interactive URL: 
http://artzub.com/d3/olyspace/
Visible on Site: 
Show in Portfolio: