force-layout

    1

    1答えて

    こんにちは、私はD3を初めて使っていて、パスであるバリアを持つd3 forceレイアウトを見つけることができません。私はこのようなことを考えている。この不規則な境界ではなく、ボックスのような Hour glass of circle nodes 。それは可能ではない理由 https://bl.ocks.org/mbostock/1129492

    -1

    1答えて

    D3 v4を使用して動的なソーシャルネットワークの視覚化を行っています。例はhttps://jsfiddle.net/wand5r6L/1/です。 この例では2年間のデータがあり、2004年が2005年になるとノードとリンクを更新したいと考えています。新しいノードとリンクが追加されるとノードとリンクの位置を動的に変更したい、古いノードやリンクの元の位置にかかわらず、すぐにポップアウトします。 tr

    0

    1答えて

    私は大体these really helpful examplesに基づいてD3フォースグラフを作成しました。 私はパンとズームの機能を追加したかったのですが、別の例を使ってみました(2つのリンクしか含めることはできませんが、Googleの "d3 force zoom eyaler" 残念ながら、私は最初のSVGよりも大きくなっているグラフにズームアウトするとき、私はこのような何かを得る: va

    6

    1答えて

    ノードの種類に応じて異なる子要素を自分のノードに追加したいと思います。したがって、ノードにはtypeという属性があります。すべてのノードは、子要素が従属する要素gで構成されていなければなりません。 私はD3s filter機能を使用してこれを試しましたが、私のコードはノードごとに1回しか子要素を追加しませんが、必要な子要素を複数回(ノードがあるのと同じ量)追加します。だから私は選択と何か間違ってい

    1

    1答えて

    すべて、 円と矩形のD3.js衝突検出の例はたくさんあります。 私は楕円ノードの強制的なシミュレーションをしようとしています。 私はもともと長方形のスニペットを試しましたが、完璧ではありません。 var width = 960, height = 500, minSize = 10, maxSize = 30; var n = 20,

    0

    1答えて

    力のレイアウトでd3v4のドラッグ可能なノードに長方形を入れようとしていますが、トランジションでクリックして回転するようにしていますが、回転属性または遷移関数を無視します。 これらのトラブル私のことをビットです: //CLICK function clicked(d, i) { d.ang = d.ang+180 d3.select(this) .transiti

    1

    1答えて

    私は円を作成してテキストを追加するスクリプトを用意しています。異なる円のテキストが重ならないように力のシミュレーションを使いたい。 私は現在直面しています問題は、下のグラフに示されている:(左の2個の赤い丸が重なったテキストを持っている) 私はテキストのために私のスクリプトに力simuationを使用したが何も起こりません。私は何のエラーもないが、まだテキストが重なっている。私は多くの解決策を試み

    0

    1答えて

    ノードノードのペアの間に2つ以上のエッジが存在することがあることを除いて、this exampleのD3フォースグラフと似ています。私は、すべての辺を視覚化することと、ただ一つの真っ直ぐな辺を切り替えることができるようにしたいと思います。エッジの可視性(隠れているか可視か)を単純に変更するだけで、これを動作させることができましたが、ノードの間にエッジがあり、視覚的な遅れがあります。 この問題を解決

    1

    0答えて

    シナリオせずにノードを削除: 私はオンラインの例から取った標準D3 v3のフォースレイアウト から始まりました。 私はこれを強化したいと私の目的は次のとおりです。 スクリプトの負荷が初期化し、いくつかのデータでグラフを描画するための関数を呼び出すとき 追加するには、ページ上のグラフを更新するには、ボタンをクリックしてください/ノードを削除し、優雅リンク - 。内のノードの飛行 'で完全な再描画なし

    1

    1答えて

    1つのノードを別のポイントにドラッグすると、強制グラフが落ち着きます。現時点では、小さなノードを中心から遠くにドラッグすると、グラフ全体が制御不能に揺れることがあります。どのノードがたくさんあるので、混乱することができここで ...(100以上)は、問題を描いた短いビデオです: https://gfycat.com/GleamingMellowHypacrosaurus 私はsetting the