json - 将 tabletop.js 与 d3.js 集成？

Question

我想为我的 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 } )
}

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..
}