javascript - D3/GraphGL 力定向网络可视化的放大镜效果?

标签 javascript jquery d3.js force-layout graph-visualization

在使用 D3GraphGL 库?

节点需要展开并取代周围的其他节点,同时保持力导向布局。

如果有人能fork this证明,那太好了!谢谢

请注意,这与 this question 中的简单缩放不同。

最佳答案

好问题。为了回答这个问题,我实现了一个 D3 plugin对于fisheye distortion .它大致基于 Flare 和 Sigma.js 之前的工作,而后者又基于 Sarkar 和 Brown 的工作,"Graphical Fisheye Views of Graphs" , 志'92.

这是一个 quick demo与 Misérables 数据集。查看代码的源代码。我会在今天晚些时候有空的时候写一篇文章。

注意:这里使用的是静态力布局;布局是在启动时计算的,不会改变。我认为这可能是您想要与鱼眼失真结合使用的结果,否则失真将与您动态移动节点的能力竞争。但从理论上讲,如果您需要的话,可以将它们结合起来。

关于javascript - D3/GraphGL 力定向网络可视化的放大镜效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9013080/

相关文章:

javascript - RhoMobile Javascript 应用程序 - 如何在页面之间进行更改

javascript - HTML5 Canvas - drawImage 并不总是绘制图像

javascript - Jquery 有一个父 div 具有与其子元素相同的宽度和高度

javascript - 在 Jquery AJAX 请求中转义单引号

javascript - d3.select 与 document.getElementById

javascript - 如何缩小文本标签并为 D3 气泡图中的悬停信息窗口添加属性?

javascript - D3.js:旋转组,保持文本方向相同?

javascript - 当创建两个以上的球时, Canvas 中的弹跳球会表现出奇怪的行为

javascript - 变量值检查不起作用

javascript - 使用带有 jQ​​uery 和 ajax 的 Datatables 来收集数据会产生一个奇怪的 URL