使用d3加载本地JSON文件

<script src="https://d3js.org/d3.v7.min.js"></script>

<div id="visualization"></div>

d3.json("data.json").then(function(data) {
  // 在这里处理加载完成后的数据
});

d3.json("data.json").then(function(data) {
  // 创建表格
  var table = d3.select("#visualization")
    .append("table");

  // 创建表头
  var thead = table.append("thead");
  thead.append("tr")
    .selectAll("th")
    .data(Object.keys(data[0]))
    .enter()
    .append("th")
    .text(function(d) { return d; });

  // 创建表格内容
  var tbody = table.append("tbody");
  var rows = tbody.selectAll("tr")
    .data(data)
    .enter()
    .append("tr");

  // 创建单元格
  var cells = rows.selectAll("td")
    .data(function(row) {
      return Object.values(row);
    })
    .enter()
    .append("td")
    .text(function(d) { return d; });
});