plunkerでd3 その6

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

概要

plunkerでd3やってみた。
signateのcovid-19読んでみた。

写真

サンプルコード

var url = "https://docs.google.com/spreadsheets/d/16G_J5W-yOnn6RoMM_fdH84v6efPtuLt2HcmlXhe2wFM/export?gid=0&format=csv";

d3.csv(url, function(data) {
  var keys = data.columns;
  //alert(keys[0]);
  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 = 0; i < data.length; i++)
  {
    if (data[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;
      });
    }
  }  
});

成果物

以上。