force-layout

2熱

1答えて

D3でJSONファイルのデータを取得し、ノードの1つがダブルクリックされると、データベースを検索してそのノードにリンクし、新しいデータをそのノードに追加しようとするリンクおよびノード配列を更新する。ノードがリンクなしで追加されてもうまく動作するようですが、xy座標へのリンクはNaNになります。あなたがいずれかのノード上でダブルクリックするだけです、ここで効果を見ることができます： http:/

1熱

1答えて

D3フィッシュアイマーカー付きのフォースグラフ

新しいフィッシュアイプラグ（http://bost.ocks.org/mike/fisheye/）が好きですが、パスとマーカーを使用するフォースグラフで作業したいラインよりも。私はD3を初めて使用しており、これまでマーカーのデモを組み合わせて、魚眼のデモが私を倒してしまったので、誰かが成功し、正しい方向に向けるかどうか疑問に思いました。乾杯ベン

56熱

2答えて

D3のForce-Directedレイアウトのノード位置を固定する

force-directedレイアウトのノードのいくつかが強制を無視し、ノードの属性に基づいて固定位置にとどまり、引き続きドラッグ＆他のノードで反発し、リンク線を維持する。私はそれがこのような単純なものだろうと思った： force.on("tick", function() { vis.selectAll("g.node") .attr("transform", func

5熱

1答えて

D3強制有向グラフの設定

尊敬する読者に。私は合理的にjavascriptで新しく、私はこの問題に遭遇しました。私はこの力有向グラフの修正バージョンを実装しようとしています： http://mbostock.github.com/d3/ex/force.html JSONデータは、PHPスクリプトからオンザフライで生成されます。アイデアは、ある特定のノード（phpスクリプトで定義されている）に接続しているすべての行を1つの

7熱

1答えて

D3の固定ノードの移動

D3の強制指定レイアウトのノードがに設定されています。固定 = true。 .xまたは.yの値を設定すると、ノード自体は新しい位置に移動しません。はここに私の機能です： function fixNode(idArray, locationX, locationY) { for (x = 0; x < idArray.length; x++) { for (y = 0; y

17熱

6答えて

d3.js：「未定義のプロパティを読み取ることができません『重み』」手動力レイアウト

のためにノードとリンクの両方を定義するとき、私は同時に、このようにノードとリンクの両方を設定してみました： var force = d3.layout.force() .size([w, h]) .nodes(nodes) .links(connections) .start(); nodes = [{"name":"data_base_id", "ki

14熱

1答えて

d3.js：フォースレイアウトの推奨ノード位置

ノードの位置を示唆するグラフを作成したいが、フォースレイアウトを使用してノード自体が重ならないようにしたい。これはd3で可能ですか？

34熱

3答えて

ダイナミックjsonデータから力の有向グラフのリンクを更新する

私はD3が初めてで、jsonデータが動的な力の有向グラフに取り組んでいます。私は新しいデータを受け取ったときにフォースグラフを変更することができますが、それは跳ね返りの効果で起こります。私の力のグラフを作成するコードは次のとおりです。 <div class="graph"></div> <script> var w = 660, h = 700, r = 10; var

6熱

2答えて

SVGマーカーがD3の強制レイアウトリンクとして使用されているd3.svg対角カーブ上に正しく配置されていない

私はSVGとd3.jsで少し新しいです。グラフをD3フォースレイアウトで描画しているとき、私は単純な対角線ジェネレータを使用しており、マーカーの端を使って矢印の頭を描いています。対角ジェネレータの代わりにアークを使用すると、矢印の頭がうまく表示されます。しかし、適切なマーカーを生成しません下記のコードのように斜めの発電機を使用して： var vis = this.vis = d3.select

4熱

1答えて

d3.jsノードをどのように翻訳すればよいですか？

Iは、ノードのグループを含むD3力-有向グラフを有する： var node = vis.selectAll("g.node") .data(json.nodes) .enter().append("svg:g") .attr("class", "node") .attr("id", function(d) { return "node