以组为“节点”的d3力布局

Question

我想在d3.js中创建一个力布局，其中“节点”是svg组，而不是单独的svg形状。例如，假设一个g包含在一条线中连接的点集合:我希望力布局驱动这些线在屏幕上的位置，而不影响这些线上各个点的位置。

这个是可能的吗？如果是这样的话，我该怎么做呢？如果没有，为什么？

Answer 1

就力布局而言，与圆圈或类似的元素相比，在处理g元素方面没有什么不同。您只需为每个“节点”追加一个带有某些内容的g元素。

快速演示这里。