自动流程图工具

Question

是否有基于给定信息自动绘制（对齐，重新定位）图表的流程图工具？

我想在图表中添加块，在它们之间创建关系，然后让软件重新定位块和线，以便它可以轻松读取。然后我可以添加更多的块/关系并重复该过程。

基本上，我想在流程图中设计一个程序而不用计划的麻烦我会把目标放在哪里。

我知道有很多工具可用于绘制流程图（例如，Visio，Dia，LucidChart等），但我要求具有此功能的工具（我不知道他们是否拥有此功能）

我不是要求最好的，我只想要任何能做到这一点。

想法？

编辑： 虽然DOT引擎是一个很棒的工具，但它的输入系统对我来说并不适用。我希望能够按原样编辑图表（无需通过文本语言输入数据），然后有一个按钮或某种东西，以一种易于阅读的方式重新排列所有元素（例如，少数关系交叉尽可能相似）。

Answer 1

code2flow是流程生成器的在线伪代码，可以按照您的要求执行操作，只需单击图像即可：

Answer 2

非常基本的工具graphviz为您完成所有布局 例如：

graph g {
  node[shape=rectangle]
  a--b
}

画出来：

但是还有很多其他选项，形状等，你可以在这里试试：http://sandbox.kidstrythisathome.com/erdos/

编辑：对于WISIWIG编辑，请查看此处：Is there any good IDE or WYSIWYG editor for graphviz?

看起来http://www.pixelglow.com/graphviz/是最佳选择。

Answer 3

Graphviz dot是一个图形布局引擎，它根据定义节点和弧的输入文件以多种格式（例如PDF，SVG）输出图形。它足够灵活，你可以用它来做你想做的事情，但可能需要相当多的前期努力。

Answer 4

据我了解，您在图形绘图中寻找的功能称为“增量布局”或“部分布局”。

增量布局将帮助您对图形或网络进行增量更改（添加或删除节点或边），然后重新计算布局（“对齐节点”），调整边缘路径和可能会重新排列标签，以获得一个漂亮的新图片。从头开始的完整布局的不同之处在于，现有元素的位置被考虑用于新布局，并且新元素被插入到图形中，以便不会在用户的脑海中完全破坏图形的心理图像。这可能导致原始元素被移动（例如，为了压缩已移除元素的区域），但保留了现有元素相对于彼此的相对位置。

部分布局不会更改任何现有元素，但会将新布局应用于图形中仅为“新”的部分。这样可以保留现有元素的位置和路径，但可能会导致效果不佳。

据我所知，这些功能仅在极少数图形库中可用。仅对于概念上非常简单的算法（基于弹簧嵌入器和可能的树布局的算法），此功能易于实现，因此可以在更多库中使用。

我工作的公司为Java，.net和Javascript提供yFiles Graph Drawing Libraries。这些库support these types of layouts。我所知道的唯一能够支持这类功能的其他库是TomSawyer Layout。

Answer 5

检查此逻辑流程流程图：http://flow.oodupinc.com/。 用法示例http://oodupinc.blogspot.com/。

它是协作的，免费的，您可以独立于流程图管理节点描述，并在流程图的模块化系统中使用它们。此外，您将获得流程图的XML规范，以生成丰富的图形应用程序（HTML + SVG + CSS）或其他操作。目前，新用户必须通过电子邮件请求用户帐户。流程图是使用流程图规则从规范中提取的，例如链接流向右和向右。