流程图和状态机

Jam*_*ood 2 javascript svg infovis d3.js

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

两者都提供了许多可视化数据的方法。但是,这些示例似乎都不符合以下要求(尤其是流程图)。

明确地说,我的意思是这些。

流程图

流程图

(资料来源:http : //philosophy.hku.hk/think/strategy/chart.php

  • 有带有单个起点和终点的分支。
  • 节点和分支上的标签。
  • 具有逻辑流程布局(例如,没有随机放置的节点)。
  • 形状并不是很重要。

状态机

有限状态机

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

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

这些库中的任何一个都可以满足我的要求吗?

我的要求甚至适当地使用了那些库吗?

干杯,

Jam*_*ood 6

最后使用dagre-d3可以完成我需要的一切。