D3 Examples - 7 Wonders blocks base

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" src="tabletop.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var gData
  // https://docs.google.com/spreadsheets/d/1Whyq_IPIWrm7L6qTeu4IuSQ2RWnwtfwWiVwhA-jGEtQ/pubhtml
  var key = 'https://docs.google.com/spreadsheet/pub?key=0AmhWglGO45rldFBiek84a1FHRmhPQjZaVzRSRGJZbXc&output=html'
  Tabletop.init({
    key: key,
    callback: loaded
  });
});
​
var games = [],
    players = [],
    gameDateFormat = d3.time.format('%Y-%m-%d');
​
​
function loaded(data, tabletop) {
  models = data;
​
  for (var key in models) {
    if (models.hasOwnProperty(key) && key !== 'Template') {
​
      var date = gameDateFormat.parse(key.slice(0, 10));
      var gameNumberString = (key.length > 10) ? key.slice(10): 1;
​
      var game = {
        "Date": date,
        "GameNumber": gameNumberString,
        "Players": models[key].elements,
        "TotalPoints": models[key].elements.reduce(function(prev, curr) {
          return prev + +curr.total; 
        }, 0)
      };
​
      players = players.concat(models[key].elements);
      games.push(game);
    }
  }
  
  d3.select('body').append('p').text("We have " + games.length + " games.");
}
</script>
​
    