具有可折叠缩放功能的网络可视化 d3 示例

Question

我对这个主题进行了深入的搜索，真的很难找到任何例子。

小背景：

我是 d3 的初学者，试图构建一个可以在缩小时折叠其节点的网络可视化。我正在谈论的完美示例在这里： http://www.twittercensus.se/graph2013/ 甚至 googlemaps（不确定他们是如何做到的，但我想使用 d3.js 做同样的事情）

想法不是显示所有节点（10K+），而是将它们分组并仅显示组。当我放大时，组应该扩大（假设所有节点都使用碰撞检测隔开）

再一次，为了清楚起见，当我放大时，我不希望节点看起来更大，而是想要一个合并节点分解成更小的节点的折叠功能。

一些有用的链接：

• http://bl.ocks.org/mbostock/9656675 - d3 正常放大示例（无折叠功能）
• D3.js Zooming and panning a collapsible tree diagram - 同样，这只是展示了如何在折叠时隐藏节点（没有缩放-折叠功能交互）
• Collapsible/hierarchical AND force-directed graph in d3.js - 有用的示例显示网络崩溃，但不是以放大的方式。 （无缩放功能）

Answer 1

您需要将第二个和第三个链接中的代码结合起来，您就会得到答案。