d3.js - d3.js の円が重ならないようにする

Question

このブロックhttp://bl.ocks.org/3012590を見ると、パリには地理的に参照されている多くのポイントがあり、小さいポイントの上に大きな円があることがわかります。

http://vallandingham.me/vis/gates/に似たものを取得して、円が境界線に密接に追加されるようにしたいと思います。

申し訳ありませんが、このコードで答えが見つかりませんでした。何か足りないと思います。

それを取得するための簡単な修正はありますか？さまざまな負の電荷の力を試してみましたが、円のサイズが変わると問題が発生します (パリのすべての円が小さくなった場合、それらは互いに離れすぎます)?

Answer 1

目標がオーバーラップを防ぐことである場合、衝突を検出することは、その制約を満たすためのより直接的な方法です。これにより、反発電荷の力よりも正確な結果が得られます。別の例を次に示します。

• http://bl.ocks.org/1748247

これを実現するためにフォース レイアウトは必要ありませんが、この 2 つは一緒に使用されることがよくあります。ノードを一定回数反復処理して、初期化時の衝突を解決できます。