流程图和状态机

时间:2015-06-14 10:54:06

标签: javascript svg d3.js infovis

具体来说,我正在查看JavaScript库; JavaScript InfoVis ToolkitD3绘制流程图和状态机。

这两种方法都提供了大量可视化数据的方法。但是,没有一个例子似乎符合下面的要求(特别是对于流程图)。

要明确我的意思是这些。

流程图

Flow Chart

(来自:http://philosophy.hku.hk/think/strategy/chart.php

  • 分支机构只有一个起点和终点。
  • 节点和分支上的标签。
  • 具有逻辑流布局(例如,不是随机定位的节点)。
  • 形状并不重要。

状态机

Finite State Machine

(来自:http://www.oracle.com/technetwork/systems/fsm-156381.html

  • 节点和分支上的标签。
  • 形状并不重要。

这些图书馆中的任何一个都能满足我的要求吗?

我的要求是否适合使用这些库?

干杯,

2 个答案:

答案 0 :(得分:5)

最后,dagre-d3能够完成我需要的一切。

答案 1 :(得分:0)

你也可以给mxGraph

一个机会

mxGraph的一个例子是draw.io