Javascript D3插入H3标签谷歌表

我试图使用D3在D3项目中的HTML文档上生成一些标题。我可以让D3将数据打印到控制台上，但我不知道如何让它显示在我使用的Google表单的HTML上。基本上，我试图调用特定标题下的特定值，并将该数据值用作标题的文本。数据打印到控制台。我可以手动生成h3标签，但绑定数据和使用enters有困难

代码如下：

HTML:

谢谢

Add。选择All'h3'将新的h3元素与记录关联

此外，还需要将数据参数传递给数据方法：

d3。csvhttps://docs.google.com/spreadsheets/d/12jMwpmqdbUUfcMHWg2GwGvu-d9BhaJOEsWjK1eoqHRc/pub?output=csv, 函数错误、数据错误{ d3.选择记录 .selectAll'h3'//添加此 .datadata//更改此设置 进来 .附录3 .textfunctiond{ 返回d.rqt_计数； }; }; 获得的记录

---

哇！这真的很简单。我喜欢D3，因为它有一个简单的优雅，但学习曲线是陡峭的。谢谢你的帮助。后续问题：如何使生成的H3内容显示在现有元素之前？更改.appendh3 to.inserth3，strong。这将在元素之前插入所有数据。

<div class="col-sm-2" id="records">
  <strong>records obtained</strong>
  <div class="col-sm-2" id="records">
    <strong>records obtained</strong>
  </div>
</div>

d3.csv("https://docs.google.com/spreadsheets/d/12jMwpmqdbUUfcMHWg2GwGvu-d9BhaJOEsWjK1eoqHRc/pub?output=csv", function(error, data) {
  data.forEach(function(d) {
    d.rqt_count = d.rqt_count;
  });

  console.log(data[1]);

  d3.select("#records")
    .data()
    .enter()
    .append("h3")
    .text(function(d) {
      return d.rqt_count;
    });
});