集成tabletop.js和d3.js？

Question

我想在我的d3可视化中引用一个使用tabletop的谷歌电子表格作为数据。我能想到的最好的解决方案就是这样，但我知道它并不完全正确。

window.onload = function() { init() };

var public_spreadsheet_url = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE&output=html';

function init() {
  Tabletop.init( { key: public_spreadsheet_url,
                 callback: showInfo,
                 simpleSheet: true } )
}

d3.json("showInfo", function(data) {
  console.log(data);
});

Answer 1

数据已经以数组的形式出现(参见下面的输出)；因此不需要应用d3.json。您可以立即开始将该数组用于d3可视化。

window.onload = function() { init() };
var public_spreadsheet_url = "https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE&output=html";
function init() {
    Tabletop.init( { key: public_spreadsheet_url,
        callback: showInfo,
        simpleSheet: true } )
}
function showInfo(rows) {
    console.log(rows);
    // build your d3 vis here..
}

​

​