生成状态图拖/放

Question

我想生成状态图，例如下图所示。

我想使这个用户友好。如果任何用户想要这样的图表，那么他只需拖放圆圈/箭头并将它们连接起来并放置说明（1,2,3 ..... a，b，c ....）等。应该是基于网络的。

我不知道是否有开源/免费库来做到这一点。

如何交互生成这样的图表？

任何想法/建议是最受欢迎的。

谢谢。

Answer 1

据我所知的确有没有开源/免费库，做到这一点。

存在一些在线工具，但它们大多使用类似于yUML和Websequencediagrams所做的文本到图像转换。

你必须自己编写整个东西，尽管类似RaphealJS或jQuery SVG可能会为渲染图表做一些繁重的工作。

你可能想看看Canviz和wwwsqldesigner的灵感。

Answer 2

看看我的网页State Machine Diagram Editor。更方便的桌面版本也存在。

Answer 3

我在找同样的东西，发现：JointJS。它看起来像你的目的非常有希望。这些例子可以帮助你开始。

Answer 4

Finite State Machine Designer可用于通过单击/拖放来生成类似问题的图表。

这也是open source，如果你需要扩展它。