D3中力图节点内的圆形包装?

Posted

技术标签:

【中文标题】D3中力图节点内的圆形包装?【英文标题】:Circle packing within force graph nodes in D3? 【发布时间】:2013-01-20 18:00:08 【问题描述】:

我有一个使用 D3 生成的 Force Directed Graph,在每个节点(表示为大圆圈)内,我想使用 D3 的 Circle Packing 打包成一堆较小的圆圈。是否可以在一个可视化中同时使用这两种布局?如何将布局插入节点?

【问题讨论】:

【参考方案1】:

当我意识到 svg 元素只是普通的 dom 节点并且我可以使用 jquery 操作它们时,我就明白了。我最终创建了两个 svg 位置,一个用于显示,一个用于创建 svg 对象。我在构建器位置一次构建一个对象,然后将它移到其他地方以便为下一个人工作。当我准备好时,我在主显示屏上构建了力图,并用我在其他地方保存的圆形填充节点填充了那里的节点。

【讨论】:

非常酷!如果您以某种方式使您的示例易于访问,那就太好了。 我和@VividD处于同一位置,希望实现这一目标,并好奇是否有代码 sn-ps 可以提供一些指导。 啊。非常不d3-ish。我想看看有没有d3 Way。

以上是关于D3中力图节点内的圆形包装?的主要内容,如果未能解决你的问题,请参考以下文章

如何检查没有链接的节点的d3 js力图并删除它们?

使用 D3.js 的层次力图

在 d3 中标记力导向节点:速度与可见性

在ggplot2中使用圆形包装可视化分层数据?

在ggplot2中使用圆形包装可视化分层数据?

使用 react+ts 和 d3 创建新的力图