流程图和状态机

Question

具体来说，我正在研究 JavaScript 库； JavaScript InfoVis Toolkit 和 D3 用于绘制流程图和状态机。

这两者都提供了多种可视化数据的方法。然而，这些示例似乎都不满足以下要求（特别是流程图）。

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

流程图

（来源：http://philosophy.hku.hk/think/strategy/chart.php）

• 有具有单一起点和终点的分支。
• 节点和分支上的标签。
• 具有逻辑流布局（例如，节点不是随机定位的）。
• 形状并不重要。

状态机

（来源：http://www.oracle.com/technetwork/systems/fsm-156381.html）

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

这些库中的任何一个都能够满足我的要求吗？

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

干杯，

Answer 1

最终选择了dagre-d3，它能够完成我需要的一切。

Answer 2

您还可以给一个机会mxGraph

mxGraph 的一个示例是 draw.io