d3jsの空白画面

Question

私はコンピュータプログラミングとd3jsのかなり新しいです。私はd3jsのウェブサイトhttp://bl.ocks.org/mbostock/b2fee5dae98555cf78c9e4c5074b87c3にあるこの棒グラフを複製しようとしています。 コードを正確にコピーし、バーグラフを作成するのに必要なデータを含むCSVファイルを作成しました。しかし、私がコードを実行しようとするたびに、軸だけが現れます。エラーがCSVファイル内にあるかどうか、またはデータの呼び出し方法がわかりません。私はちょうど私の部分のどこかにエラーがあることを知っています。

は、ここで（凝縮）CSVファイルのサンプルです：

id,case,date 
    10097071,HY285524,06/02/2015 09:41:19 PM 
    21907,HY291065,06/07/2015 03:50:00 AM 
    21908,HY291065,06/07/2015 03:50:00 AM 
    10156667,HY345298,07/18/2015 03:17:00 AM 

は、ここで私はそれを呼び出すようにしようとしている方法は次のとおりです。

d3.csv("homicides.csv", type, function(error, data) { 
    if (error) throw error; 

    var bins = histogram(data); 

    y.domain([0, d3.max(bins, function(d) { return d.length; })]); 

任意の助けをいただければ幸いです！

Answer 1

作成した.htmlファイルをどのようにロードしていますか？最終的に、独自の.htmlファイルを開発することになります。

jsfiddleのような他のサイトは、あなたのコードで遊んでも便利ですが、あなたが作成した.htmlファイルからブラウザ上で動作するようにするには、ロードするためにlocalhostを実行する必要があります.csvファイル。あなたは文字通り、例えば、あなたのコード内の変数を設定されているWindows環境Set up Python simpleHTTPserver on Windows

別の選択肢から実行している場合

このスレッドに便利ですvar data = [csvファイルの内容]ですが、d3.csv（ "csvfilename" ...）によってすでにうまく処理されたデータを解析/マップする方法を見つける必要があります。