如何在jsbin中引用csv文件

Question

我正在尝试在d3 example

中重新创建此JSBIN

(?<=^|[\s,.])[A-Za-z]{2}\s[0-9]{2}\s[0-9]{2}(?=$|[\s,.])

我正在尝试引用csv file但它似乎能够访问csv文件：

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

我尝试将文件上传到Dropbox并使用link，但alos不起作用。

任何人都可以建议我如何将这些网址添加到csv文件中。或者为我提供另一种方法来尝试重新创建这个示例？我想重新创建它的原因是我可以修改并使用其他数据进行测试，并且通常只需要用它做更多的事情....

注意另一个选择是尝试jsfiddle，我会，但我想使用jsbin。

EDIT1

这里是使用csv文件的dropbox链接的JSFIDDLE。这是我在firefox中得到的错误：

d3.csv("http://bl.ocks.org/d3noob/raw/8952219/d45ad0a7caf9c499d1a1e975b3760c90f5321072/bar-data.csv", function(error, data) {
...

EDIT2

一种方法是根本不从csv读入并将其放入数组中，这需要一段时间才能使其达到我想要的格式，但我仍然希望能够通过它来使用它在csv文件中读取。

 https://www.dropbox.com/s/plpl0yjxze9elpd/bar-data.csv 200 OK 966ms    d3.v3.min.js (line 1)
 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.dropbox.com/s/plpl0yjxze9elpd/bar-data.csv. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
 TypeError: data is undefined

FIDDLE
JSBIN

Answer 1

很难找到某个地方放弃那个不会受到CORS限制的文件。最简单的方法就是下载代码并从文件本地运行它。

如果您真的想在浏览器中完成所有操作，Plunker将是一个不错的选择。它与jsfiddle或jsbin类似，但允许您在项目中创建任何类型的文件。所以只需在那里创建一个csv文件并粘贴数据。