概要
signateのCOVID-19チャレンジ(フェーズ3)やってみた。
d3.jsでフェーズ1のデータ読んでみた。
写真
サンプルコード
var url = "https://docs.google.com/spreadsheets/d/10MFfRQTblbOpuvOs_yjIYgntpMGBg592dL8veXoPpp4/export?gid=809590826&format=csv";
var out0 = document.getElementById('out0');
var out1 = document.getElementById('out1');
d3.csv(url, function(data) {
var keys = data.columns;
var table = d3.select("body").append("table").attr("border", "1")
table.append("thead").append("tr").selectAll("th").data(keys).enter().append("th").text(function(d) {
return d;
});
for (var i = 1; i < data.length; i++)
{
var rows = [];
keys.map(function(c) {
rows.push(data[i][c])
});
table.append("tbody").append("tr").selectAll("td").data(rows).enter().append("td").text(function(d) {
return d;
});
out0.value += rows[1] + ", ";
out1.value += rows[2] + ", ";
}
});
成果物
以上。