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

标签 javascript d3.js data-visualization graph-visualization

我对这个主题进行了深入的搜索,但很难找到这方面的任何例子。

小背景:

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

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

再次强调一下,当我放大时,我不希望节点看起来更大,但我想要一个折叠功能,将合并的节点分解为更小的节点。

一些有用的链接:

最佳答案

您需要结合第二个和第三个链接中的代码,然后您就会得到答案。

关于javascript - 具有可折叠缩放功能的网络可视化 d3 示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26521539/

相关文章:

javascript - 为什么我不能对这个元素应用任何东西?

javascript - 在点击另一个 div 时切换一个 div

javascript - 使用 arrayMap 函数 knockout observablearray 的 observables

javascript - 如何使用 d3 映射 mapzen 边界提取?

python - Plotly 中的等值线 map : colours not showing correctly

algorithm - 什么是好的重叠组算法?

javascript - 数据表只更新行而不重新加载表

javascript - 为什么我的渐变颜色过渡不起作用?

javascript - 如何在 d3.js 中更新图表图例?

javascript - JavaScript 中分散数据的等高线图