-1

我是 HTML5 和 Javascript 的新手,但我需要使用它们进行可视化。

这是我的域/问题:

  1. 我需要可视化一大组图形节点,视觉上一个节点可以是一个具有颜色和透明度的循环。

  2. 有两种关系:includeinteract

  3. include表示一个节点包含其他不同类型的节点,从视觉上,用户可以看到一个大节点,其中包含较小的节点。

  4. interact仅仅意味着一条线连接不同的节点。线条应该有箭头、标签(文本)和粗细。

  5. 对于效果,我需要动画,例如节点不是静态的,但其中一些应该有浮动的动画(围绕中心位置的少量规则浮动运动);或者某些节点应该具有像呼吸一样的脉冲效应。

  6. 用户可以拖动一些节点,如果拖动一个节点,所有连接的节点/图形应在连接时相应移动。

  7. 自动检测碰撞应该到位。此外,如果发生冲突,所有节点都应该遵循一些算法来很好地分布。


这是我的问题

  1. 我应该使用哪个 Canvas 库?因为无论如何我都是新手,所以一个适合我需要的漂亮简单的是最好的。

  2. 我应该寻求什么算法来制作浮动和脉冲(呼吸)动画?

  3. 我应该使用什么算法来拖动节点并且所有连接的节点都像蛇一样跟随?

  4. 我应该使用什么算法进行碰撞和分布?

谢谢

4

1 回答 1

3

d3js

请参阅此处此处的弹性节点演示,此处的碰撞演示。此页面包含大量d3js 演示

对于缓动效果,您可以查看d3 过渡

祝你好运!

于 2014-09-28T21:48:15.743 回答