force-layout

21熱

2答えて

私のウェブサイトにネットワークを表示するために、強制レイアウトの例（http://bl.ocks.org/1153292）を使用しています。私はユーザーがいつでもどの種類のリンクを見るかを選択することができます。リンクタイプAを表示することを選択すると、リンクタイプBを追加してリンクタイプAを削除すると、タイプBの残りのリンクはAカラーで表示されます。これは、svg図へのリンクを追加するために

6熱

2答えて

レイアウトを固定化したd3.js描画ネットワーク

私は現在、どこかからSELECTを繰り返し、どこかにINSERTを繰り返す私の前任者によって書かれたバッチスクリプトの構造を視覚化することに取り組んでいます。私はツリー関数を使用しようとしましたが、JSONの同じインデックス内の同じ名前を同じノードとして認識させたい場合には柔軟性がありませんでした。私はフォースレイアウト機能を使用することに決めました。そして、グーグルの助けを借りてほぼ完了しまし

10熱

3答えて

D3.js：選択肢からforce.dragを削除する

私は（むしろ単純な）質問があります：D3.jsによる選択に対してforce.dragを "解除"する方法は？私は要素のセットを作成し、その上に "コール"を呼び出し、力に基づくレイアウトのドラッグコールバックを与えているとしましょう。これは次のようになりました。 d3.selectAll('rect').call(force.drag); これで、後でノードの一部からその動作を削除することが可

5熱

3答えて

マウスの上にd3.layout.forceリンクツールチップを表示

D3の有向グラフレイアウトのリンクでマウスオーバーでツールチップを実装するにはどうすればよいですか？私はノードのツールチップを設定すると、このようなコードを使用して簡単でした、D3力の例を適応しています：リンクと同様の手法を試し node.append("title") .text(function(n) { return n.id; }); は、ツールチ

11熱

1答えて

d3フォースレイアウトの既存ノードを更新

d3を使用してフォースレイアウトを作成しました。これはうまくいきます。私の最初のデータがJSONファイルからロードされ、チャートはthis d3.js exampleに似ている技術を用いて描かれている：今のチャートは、私が上のノードを追加、更新、および削除する必要が画面上にあることを私はウェブソケットを介して受け取るデータから飛ぶ。メソッドを追加したり削除したりしていますが、既存のノードのプロパ

6熱

1答えて

d3フォースグラフ：スティッキーノード

D3の強制的なグラフレイアウトにビヘイビアを追加すると、ドラッグアンドドロップされたノードがその位置にスティックされ、グラフ内で何が起こるかどうか。私はこのAPIについていくつかの読書をしてきましたが、私はそれを働かせる方法を理解できません。私が解決しようとしている問題は、ユーザーが複雑な力グラフを「選ぶ」ことができるようにすることです。

7熱

1答えて

D3の物理的重さ

私はD3ライブラリで物理的な重力のシミュレーションを設計しようとしていますが、私はたくさんの運がありません。 'layout' API referenceは、物理的重力は正の「電荷」パラメータによって実現できると述べていますが、これがどのように機能するかはわかりません。現時点で実装しようとしているのは、異なる速度で立ち上がり、最終的にビューポートから出る複数の可変重み付けサイズ付きの矩形を含む単

11熱

2答えて

D3強制有向グラフのノード上のラベル/テキスト

私はまだコードがそのラベル/テキストを表示しない理由を理解していません... 私はcssを定義し、移動の際にタイトルのような属性を設定しました JSON：： { "nodes":[ {"name":"t1","group":1}, {"name":"t2","group":1}, {"name":"t3","group":1}, {"name":"t4",

10熱

2答えて

d3.jsに有向グラフとダブルタップイベントがあります有向グラフを強制します

私はd3.jsを使用して強制有向グラフで作業しています。私は、モバイルデバイス用のノードでタップとダブルタップイベントを処理する必要があります。マウスオーバーおよびクリック機能は、d3.jsでタップおよびダブルタップとして複製する必要があります。私はタッチイベントを動作させることができましたが、モバイルデバイスでダブルタップイベントをキャプチャする方法の手がかりはありません。

5熱

1答えて

D3.jsを使用した階層的な力のグラフ

D3.jsを使用して階層的な力の図を生成したいと思います。グラフを子のレベルに拡大するノードをクリックすることでツリーのような構造をナビゲートすることができます子供たちの関係が示されています）。ノードは、親または兄弟という2つの方法で互いに関連付けることができます。親関係は、ノードがその親に属していることを示します。出発点として、私はforce clusterの例：https://github.