生成状态图拖放

Question

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

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

我不确定是否有开源/免费库来执行此操作。

如何以交互方式生成此图表？

欢迎任何想法/建议。

谢谢。

Answer 1

我一直在找同样的东西，发现：JointJS。它看起来非常适合您的目的。这些例子可以帮助您入门。

Answer 2

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

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

你必须自己编写整个内容，尽管像RaphealJS或jQuery SVG之类的东西可以为渲染图形做一些繁重的工作。

您可能需要查看Canviz和wwwsqldesigner以获取灵感。

Answer 3

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

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

Answer 4

请查看我的基于网络的State Machine Diagram Editor。还存在更方便的桌面版本。