jquery - csv の 1 列を JavaScript 変数にロードする

Question

String1、String2、Int1、Int2 の形式の CSV ファイルがあります。D3 を使用して、int を軸として散布図に各行を配置したいと思います。そこで、D3 を使用して CSV データをテーブルにロードする方法を理解しましたが、CSV 列を変数に直接ロードしない理由に気付きました。

では、D3 または jQuery を使用して一度に CSV の単一の列をロードする方法を知っている人はいますか? またはさらに良いことに、私が検討すべきより良い解決策はありますか?

Answer 1

まず、thecodingtutorials.blogspot.com で Andrew Davis に感謝します。D3 の使用、特に D3 を使用した CSV ファイルのロードについて非常に役立つウォークスルーを提供してくれました。

D3 チュートリアル: http://www.thecodingtutorials.blogspot.com/2012/07/introduction-to-d3.html

CSV の読み込み: http://thecodingtutorials.blogspot.com/2012/07/using-csv-and-text-files-with-d3.html

複数列の CSV: http://thecodingtutorials.blogspot.com/2012/08/using-multi-column-data-with-d3-part-1.html

とにかく、簡単に言えば、CSV 列はオブジェクト内のプロパティのように扱うことができるということです。

私が以前持っていた場所

var vis = d3.select("#tryHere").append("svg:svg").attr("width", w).attr("height", h);
vis.selectall("circle")
   .data(data).enter().append("svg:circle")
   .attr("cx", function(d) { return x(d.x) })
   .attr("cy", function(d) { return y(d.y) })
   ....

プロットコードを囲む必要があります

 d3.csv("MyFile.csv", function(rawData) {

最後の 2 行を次のように置き換えます。

 .attr("cx", function(d) {return x(d["XColumnName"] )}
 .attr("cy", function(d) {return y(d["YColumnName"] )}
 ....