在网页中设置交互式流程图的最佳方法是什么？

Question

我的一些用户将创建流程图。我们的想法是，在某些步骤中，图表将允许用户单击文本以转到另一个图表或手册或其他内容。

我的任务是将这些图表联机。

在HTML中手动编码这些内容的想法似乎很疯狂，所以我想知道是否有人有任何建议？

理想情况下，我会允许用户使用工具来设计他们希望的图表，并且可以将其导出到我可以导入到我的页面中的内容......他们可以在软件内部创建可链接的内容，或者如果是html生成得很整齐我自己可以做到这一点。

有没有其他人遇到这样的问题？

Answer 1

我使用Graphviz（link）在HTML中创建流程图（在现实世界中使用的一个例子：google wave用它来绘制波浪中的流程图）。在生成的流程图中，您可以包含与节点，边，标题等关联的链接。当用户单击链接时，您的软件可以使用新流程图的数据重新渲染图像。可以导出到png，svg等，所以很容易包含它。