d3.js

35熱

1答えて

次のような簡単な行がd3にありますが、data2を渡してその変更を反映するために行を更新する方法を理解することは問題ありません。 <!DOCTYPE html> <html lang="en"> <head> <title>D3 Line Chart Demo</title> <meta charset="utf-8" /> <meta http-equ

1熱

2答えて

Rails3アプリでD3ライブラリ経由でローカルJSONオブジェクトを読み込む方法は？

次のコードでchoropleth.jsというファイルに：私は負荷にしようとしているJSONオブジェクトがロードされない d3.json("assets/data/us-counties.json", function(json) { counties.selectAll("path") .data(json.features) .enter().append("svg:pat

1熱

1答えて

d3.jsでは、同じデータに対して複数の選択肢がある場合、対応するノードをどのように変更しますか？

同じデータを使用して、私の視覚化のいくつかの異なる部分を作成します。私は別の選択で対応するノードを変更する選択の1つのノードでmouseoverイベントを作成したいと思います。それを行うための慣用的なd3方法は何ですか？（私はidを使うことができる、あるいは選択範囲を入れ子にしたり、両方の選択肢の範囲内で地図に情報を格納することができます...しかし、これらはすべて私にとって面倒な戦略のようです

3熱

1答えて

d3.js：selection.on

を使用して展開し、リストを作成するすなわち、私は私はをクリックし、 <ul> <li> foo </li> <li> bar </li> </ul> のようなリストを作成したいと思い [ {"name":"foo", "links":["a", "b", "c"]}, {"name":"bar", "links":["d", "e", "f"]} ]

38熱

1答えて

D3.jsで複数の線を描く

これまで、D3視覚化に線要素を追加するためにループを使用してきましたが、これはAPIの精神のようには見えません。私はすべての4 用Xとして、時間と私はこのような何かを行うことができ、4本のラインが欲しい var data = {time: 1, value: 2, value2: 5, value3: 3,value4: 2}, {time: 2, value: 4, value2

1熱

1答えて

D3.jsのgeoJSONデータを含む線の描画

D3フレームワーク（http://mbostock.github.com/d3/）で米国の州の概要を描画しようとしていますが、実際のSVGデータを生成する際に問題があります。私はChloroplethの例に従うようにコードを書いています（このプロジェクトが必要とするものに最も似ています）。提供されたデータがgeoJSON形式であることを確認しました。AFAIKは、問題は、（Iは、例えば当たり、手

6熱

1答えて

d3.js SVGコードをスタンドアロンプログラムに変換する - どのような提案ですか？

SVGチャートを生成するd3.jsで書かれたスクリプトがあります。スタンドアロンプログラムでこれらのチャートを生成したいのですが、ブラウザを使わずにスクリプトをバッチモードで実行できる最も簡単な方法は何ですか？

7熱

4答えて

オブジェクトの配列のプロパティへのアクセス

かなり基本的な質問私は思うが、私はその情報を見つけることができませんでした。 D3を通じて私はcsvファイルを解析し、各オブジェクトは、私は新しい配列を作成し、各要素を押さずに配列としてすべてのプロパティ「数」の配列にアクセスすることができますどのようにこの name: "whatever" number: "52" のように見えますか？

38熱

1答えて

d3.js軸の日付を扱う

d3.jsの日付に基づいて私の行のx軸を作成するにはどうすればよいですか？ d3.jsの使い方を自分自身で教えようとしています。私はそれに付属のサンプルを見ていて、jsonのデータを使って折れ線グラフを再作成しようとしています。私は線グラフにデータを供給することができますが、x軸は数値ではなく日付であると考えられています。私が使用している日付形式はMM/DD/YYですが、グラフはすべて0になります

0熱

1答えて

D3を使用して連想配列にデータを読み込む

私は値のセットをループし、別のファイル（d3.jsを使用）をjavascript関連配列に読み込もうとしていますが、引数が内部関数に正しく渡されません。例えば：私はこれを実行すると var reg_list = []; var all_region_data = []; reg_list[0]="region1"; reg_list[1]="region2"; // Function t