Javascript 制作使用JSON作为标记的流程图库的建议

所以最近在工作中，我的任务是创建一个流程图库。我只是想得到一些关于我应该如何处理这个问题的一般性建议。我们使用mongodb进行持久化，使用Tornado Web服务器作为后端。基本上，我需要的是用javascript创建一个库，该库具有导入JSON的方法，以便显示流程图。这个流程图肯定不会很琐碎，我需要能够对循环、条件等进行建模。基本上，标准UML活动图需要建模的所有内容。我计划使用拉斐尔绘制连接屏幕上每个节点的向量。我想我最大的问题是，我将如何用JSON建模循环和条件？有没有预先存在的开源库可以实现我建议用作参考的功能？

在流程图中定义不同类型的节点，然后定义每个节点连接到哪些节点，不是很容易吗

只需将每种类型显示为外观不同的节点，连接将简单地绘制为它们之间的线

---

为什么循环或条件需要与其他循环或条件有所不同？它们也只是连接到其他节点的节点。

是的，这是有道理的，但我该如何继承呢？如果您见过UML活动图（），水平条表示操作是并行进行的，所以我需要了解什么是父节点，什么是子节点。因此，我可以确定是否需要一个水平条（多个子项）或一个向下箭头（一个子项）。我曾经用于绘制此类图表的所有工具都只用于拖放放置节点，因此我猜您可以为此类内容的每个节点指定X和Y。