使用d3.js时，数据源的目标位置在哪里？

Question

我在这里看一个d3.js图表​​的例子：

http://bl.ocks.org/d3noob/8952219

在示例中，代表数据源的代码如下：

d3.csv("bar-data.csv", function(error, data) {

    data.forEach(function(d) {
        d.date = parseDate(d.date);
        d.value = +d.value;
    });

它似乎指向bar-data.csv文件。

如果我要在本地复制此示例，我是否应该将.csv文件列在与index.html页面相同的目录中？

另外，理论上我是否可以插入URL而不是'bar-data.csv'来指向外部数据源？

Answer 1

https://github.com/d3/d3-3.x-api-reference/blob/master/CSV.md：

  

d3.csv(url[[, accessor], callback])

     

在指定的网址上发出逗号分隔值（CSV）文件的HTTP GET请求。假定文件内容符合RFC4180。请求的mime类型将是“text / csv”。

因此bar-data.csv只是一个相对路径，并假定该文件与浏览器执行上下文位于同一目录中（即地址栏中的内容）。