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

您需要在第二个和第三个链接中合并代码，然后您就可以得到答案。