cytoscape显示沿动画路径的节点之间的流量

时间:2018-11-09 23:37:42

标签: cytoscape.js

我需要展示事物在节点之间沿着其连接路径移动的过程,类似于this project。我还没有在cytoscape中找到它的任何示例,但是我过去曾经使用cytoscape,并且更喜欢继续使用它。我将对如何解决此问题提出建议。

2 个答案:

答案 0 :(得分:0)

您有一些选择...

  1. 最简单的是Marquee视觉样式。它在有向边缘的方向上产生“行军蚁”错觉。只需转到“控制面板”中的“样式”选项卡,然后选择“字幕”样式。在“边缘”选项卡中,可以从3种不同的选取框线类型中进行选择。例如,您可以想象将这3种线型映射到3种交通密度类别(或箱)。或者,您可以将颜色,厚度和/或透明度与选取框样式结合使用以表示交通密度。您可以在此处查看示例:

  2. 还有一个动画应用程序!这采用在您提供的任何关键帧集之间插入任何视觉样式(包括位置和存在)的方法。因此,例如,您将有一个开始和结束帧,然后CyAnimator将为您制作一个电影文件:

  3. 还有另一种完全不同的方法:借助Cytoscape的脚本功能,您几乎可以做任何您想做的事情。例如,RCy3软件包的单元测试最终几乎是一种迷惑的数据可视化显示(并且单元测试甚至没有完全覆盖, shame )。因此,您可以使用R或Python中的一些脚本来实时指挥自己的动画。这是RCy3单元测试演示,并链接到脚本库:

答案 1 :(得分:0)

我正在将cytoscape.js与meteor.js结合使用。我的元素,样式表和车辆(显示为红点)存储在mongo中,可以通过外部过程进行更新或在屏幕上进行编辑。该图可以即时进行重组或重塑,车辆将发现新的成本最低的路线以达到目标。移动通过eles.animate()排队,路由由eles.floydWarshall().path()处理。这可能与您的想法类似。

enter image description here