Edit in JSFiddle

<div class="cdv-eval-time wrap" id="evalandtime">
</div>
<div class="caption">
  Anish Giri vs Veselin Topalov (0-1) in London Chess Classic 2015, round 1.
  <br>
  <button id="interactive" class="button button-primary">Toggle Interactive</button>
</div>

d3.json('https://ebemunk.com/chess-dataviz/data/london-chess-classic-2015.json', function(err, data) {
  var evalAndTime = new ChessDataViz.EvalAndTime('#evalandtime', {
    width: 500,
    height: 300
  }, ChessDataViz.util.parseGameNotation(data[0].notation));

  var button = d3.select('#interactive');

  button.on('click', function() {
    var classed = button.classed('button-primary');
    button.classed('button-primary', !classed);
    evalAndTime.options({
      interactive: !classed
    });
  });
});