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

Posted 2023-05-08

【中文标题】D3.js中的弹簧力强制定向布局？

【英文标题】：Spring Forces in D3.js Force directed layout?

【发布时间】：2013-06-25 15:47:55

【问题描述】：

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

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

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

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

【参考方案1】：

在 D3 力导向布局中，弹簧力使用 gravity 方法定义，如果未设置，则默认为 0.1。

查看this fiddle 您提到的同一个示例，将重力设置为0.9。

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

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

【讨论】：

ah i c...所以仍然没有弹簧力，但重力是一种类似“弹簧”的力。非常感谢！