流图和状态机 [英] Flow Charts and State Machines

问题描述

具体来说，我在看JavaScript库; ）

• 具有单个起点和终点的分支。


• 节点和分支上的标签。


• 具有逻辑流布局（例如，不是随机放置的节点）。


• 形状不重要。

状态机：

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

• 节点和分支上的标签。


• 形状并不重要。 li>
  

这些库中的哪一个能够满足我的要求？

我的要求是否适当使用这些图书馆？

干杯，

解决方案

最后与 dagre-d3 ，它能够做我需要的一切。

Specifically I am looking at the JavaScript libraries; JavaScript InfoVis Toolkit, and D3 to draw flow charts and state machines.

Both of these offer plenty of ways to visualize data. However none of the examples seem to meet the requirements below (especially for flow chart).

To be clear I mean these.

Flow chart

(Sourced from: http://philosophy.hku.hk/think/strategy/chart.php)

• Have branches with a single start and end point.
• Labels on nodes and branches.
• Have a logical flow layout (e.g. not nodes randomly positioned).
• Shapes aren't really important.

State Machine

(Sourced from: http://www.oracle.com/technetwork/systems/fsm-156381.html)

• Labels on nodes and branches.
• Shapes aren't really important.

Would either of these libraries be able to meet my requirements?

Are my requirements even an appropriate use of those libraries?

Cheers,

解决方案

In the end went with dagre-d3 which is able to do everything I needed.

这篇关于流图和状态机的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！