plunkerでd3 その8

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

概要

plunkerでd3やってみた。
山形県のデータ、読んでみた。

写真

サンプルコード


d3.json("https://raw.githubusercontent.com/yamaserif/covid19/development/data/data.json", function(error, data) {
  var patients = data.patients.data;
  var keys = ["リリース日", "居住地", "年代", "性別", "退院", "date"];
  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 < patients.length; i++)
  {
    var rows = [];  
    keys.map(function(c) {
      rows.push(patients[i][c])
    });
    table.append("tbody").append("tr").selectAll("td").data(rows).enter().append("td").text(function(d) {
      return d;
    });
  }
});

成果物

以上。