javascript - D3.js中的弹簧力强制定向布局？

Question

这个例子的描述：http: //bl.ocks.org/mbostock/4062045（见下图），声明它是“带电粒子和弹簧的物理模拟，使相关角色更接近。”

我只是好奇该代码的哪一部分（在同一页面上）实现或定义了弹簧力，尤其是基于相关字符？

我问这个是因为我的印象是 D3.js 没有为 Force 定向布局实现弹簧力，如其 API 文档中所述：

“链接不是作为“弹簧力”实现的，这在其他力导向布局中很常见，而是作为弱几何约束。” - https://github.com/mbostock/d3/wiki/Force-Layout#wiki-linkDistance

Answer 1

在 D3 force-directed layout 中，弹簧力是使用gravity默认为0.1if not set 的方法定义的。

看看你提到的同一个例子的这个小提琴0.9，重力设置为.

linkDistance文档中提到的“弱几何约束”在此处进一步讨论。

“重力被实现为一种弱几何约束，类似于将每个节点连接到布局大小中心的虚拟弹簧。”