COVID-19チャレンジ（フェーズ3）その4

1445 ワード
d3.js COVID-19 SIGNATE d3.js テキストリンク

概要

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] + ", ";
  }  
});

成果物

以上。