D3.js中连接的文本气泡？

我如何在D3.js中创建这样一个视图——一个具有自定位外部气泡的中心节点，所有气泡都包含文本？我正在浏览他们的图库，但没有找到任何与此相关的内容。我知道展示一个人已经尝试过的东西是一种很好的做法，但我只是不知道应该从哪个模型开始；我玩了一个有很大半径的力导向树，但它似乎不太合适

---

附言：锦上添花的是要有以下连接描述符，但我也可以没有。谢谢

我同意扩展力导向图演示的建议。下面是该示例的一个快速而肮脏的分支：

为了灵活性，每个气泡中的文本都是

foreignObject

，因为我发现在气泡中放置

p

比svg

text

更容易。这样，如果文本太多，也可以使用溢出滚动<代码>指针事件：无，因此无法选择文本，因此可以在文本中拖动气泡

---

可能还有很多可以改进的地方，例如，为了在行中创建一个间隙，我在文本后面放置了一个白色矩形，但它的宽度是任意的。然而，我记得有一些

getComputedTextLength

函数可以获得标签文本的确切宽度，这可能更好。

我会选择强制导向图并修复中心节点，例如。您需要拖动和移动这些气泡，或者只显示它们？@MichaelRovinsky拖动是不需要的（但也不会受伤，也许会觉得有趣）。