如何在jsbin中引用csv文件？

Question

我试图在JSBIN中重新创建这个JSBIN

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

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

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

我尝试过将文件上传到dropbox并使用该链接，但是alos不起作用。

任何人都可以建议我如何使这些urls到csv文件工作。或者提供另一种方法让我尝试重新创建这个例子？，我想重新创建它的原因是为了我可以修改和测试它与其他数据，一般只是做更多的它.

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

EDIT1

下面是使用指向csv文件的dropbox链接的JSFIDDLE。这就是我在firefox中遇到的错误：

 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

EDIT2

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

data = [{"date":"2013-01","value":53},{"date":"2013-02","value":165},{"date":"2013-03","value":269},{"date":"2013-04","value":344},{"date":"2013-05","value":376},{"date":"2013-06","value":410},{"date":"2013-07","value":421},{"date":"2013-08","value":405},{"date":"2013-09","value":376},{"date":"2013-10","value":359},{"date":"2013-11","value":392},{"date":"2013-12","value":433},{"date":"2014-01","value":455},{"date":"2014-02","value":478}]

小提琴

JSBIN

Answer 1

很难找到一个地方删除那些不会受到CORS限制的文件。最简单的方法就是下载代码并在本地从文件中运行。

如果您真的想在浏览器中完成这一切，柱塞将是一个很好的选择。它类似于jsfiddle或jsbin，但允许您在项目中创建任何类型的文件。因此，只需在那里创建一个csv文件并粘贴数据。