Dom 在HTML中嵌入csv以与D3.js一起使用

在D3.js中，通常从外部csv文件加载数据。这对于大数据非常有效，并且避免了在数据更改时更改代码

但是，有两种情况（仅使用小型csv数据）我希望将csv直接嵌入HTML页面：

• 可以在本地加载的页面（即从文件：///），无需运行本地HTTP服务器
• 一个小的JSFIDLE示例，解释了一个用于stackoverflow的D3.js问题

---

这是我提出的解决方案，使用

嵌入csv数据：

<pre id="csvdata">
    Year,Make,Model,Length
    1997,Ford,E350,2.34
    2000,Mercury,Cougar,2.38
</pre>

解析它：

var raw = d3.select("#csvdata").text();
var parsed = d3.csv.parse(raw);

（可选）显示结果：

d3.select("#parsed").text(JSON.stringify(parsed));
// Assuming <div id="parsed"></div> somewhere on the page

d3.select（“#parsed”）.text（JSON.stringify（parsed））；
//假设页面上的某个地方

如果你认为这是有缺陷的，或者如果你有一个更优雅的解决方案，我会欣然接受你的回答

编辑：在中查看它的实际操作

d3.select("#parsed").text(JSON.stringify(parsed));
// Assuming <div id="parsed"></div> somewhere on the page