如何在 jsbin 中引用 csv 文件

Question

我正在尝试重新创建这个 d3 example in JSBIN

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

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

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

我试过将文件上传到保管箱并使用它 link 但 alos 不起作用。

任何人都可以告诉我如何让这些 url 到 csv 文件工作。或提供另一种方法让我尝试重新创建此示例？ 我想重新创建它的原因是我可以修改它并使用其他数据对其进行测试，并且通常可以用它做更多事情....

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

编辑1

这里是 JSFIDDLE 使用 dropbox link 到 csv 文件。这是我在 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

编辑2

一种方法是根本不从 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}]

FIDDLE
JSBIN

Answer 1

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

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

如何在 jsbin 中引用 csv 文件

How do I reference a csv file in jsbin

csv

d3.js

jsbin

编辑1

编辑2