ChessDataViz - Openings Example (Defaults)

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.12/d3.min.js"></script>
<link rel="stylesheet" href="https://ebemunk.com/chess-dataviz/vendor/ChessDataViz.min.css">
<script src="https://ebemunk.com/chess-dataviz/vendor/ChessDataViz.min.js"></script>
<link rel="stylesheet" href="https://ebemunk.com/chess-dataviz/style.css">
<div class="cdv-openings" id="openings">
</div>
<div class="caption">
World Rapid Chess Championship 2015 openings breakdown.
</div>

CSS

.cdv-openings {
  text-align: center;
}

JavaScript

d3.json('https://github.com/Hungry-Caterpillar/Data/blob/master/selfplay.json', function(err, data) {
  var openings = new ChessDataViz.Openings('#openings', null, data.openings);
});