問題タブ [d3-force-directed]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
171 参照

javascript - D3 フォース シミュレーションを純粋関数として使用する

衝突検出を行うためにd3-forceを使用しています:

グラフをアニメーション化したくないので、300 ティック後にノードの最終状態を取得します。

nodesWithXYしかし、(同じ を使用して) シミュレーションを再度実行して、同じ結果が得られるとよいでしょう。これにより、react での使用が容易になります。

これは可能ですか?たとえば、より多くの反復を実行したり、アルパと減衰の値を微調整したりしますか?

0 投票する
1 に答える
77 参照

javascript - ノードを SVG 内の特定の領域に制限するカスタム フォースを作成するにはどうすればよいですか?

一連の円を 3 つの異なるグループに分割したい力指向のレイアウトを作成しています。各グループには、対応する中心点があります。

ここに画像の説明を入力

ここまでは順調ですね。ここで、各グループの円を境界ボックスのタイプに制限したいと思います。下の画像をご覧ください。

ここに画像の説明を入力

行く方法は、カスタムフォースを使用することだと思います。これは私が助けを必要とするところです。誰もこれを行うことができましたか?

これは私がこれまでに持っているものです: