Resource used: https://flowingdata.com/2014/10/15/linked-small-multiples/
We are using small multiples to compare number of men and women participants in each Olympic event. When we sort the small multiples by women, we can see that the number of women participating the Olympic event is growing sequentially over time.
xxxxxxxxxx
<html>
<head>
<title>VI10</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<script src="modernizr-2.0.6.min.js"></script>
</head>
<body>
<div class="container">
<!-- <h1 class="text-center">Olympics number of participants by men and women</h1> -->
<div id="main">
<h5 class="text-center">Sort By</h5>
<div id="button-wrap">
<div id="men" class="button active">MEN</div>
<div id="women" class="button">WOMEN</div>
</div>
<div id="vis"></div>
</div>
</div> <!--! end of #container -->
<script>window.jQuery || document.write('<script src="jquery-1.7.2.min.js"><\/script>')</script>
<script src="isotope.pkgd.min.js"></script>
<script src="d3.min.js"></script>
<script src="queue.min.js"></script>
<script src="small_multiples.js"></script>
</body>
</html>