如何使用文本生成依赖图[关闭]答案

【问题标题】：How to generate dependency graph with text [closed]如何使用文本生成依赖图[关闭]
【发布时间】：2015-04-25 22:43:47
【问题描述】：

是否有一个简单的在线工具可以根据文本输入生成依赖关系图（由箭头线链接的框），例如：

A -> B

很像这个：

www.websequencediagrams.com

（生成序列图）

【问题讨论】：

标签： graph diagram utilities

【解决方案1】：

graphviz是一个生成图表的工具。

webgraphviz.com 是一个使用graphviz 的网络应用程序，可让您修改文本并显示相应的图形（它也有5 个示例/示例）。

graphviz 接受这样的输入：

digraph G {
   A->B
}

【讨论】：

【解决方案2】：

http://www.nomnoml.com

它使用语法：

[A] -> [B]

【讨论】：

【解决方案3】：

我知道这已经很老了，但以后可能会对其他人有所帮助。

我个人喜欢yuml.me。

给定以下语法：

[note: You can stick notes on diagrams too!{bg:cornsilk}],
[Customer]<>1-orders>[Order], 
[Order]++*-items>[LineItem], 
[Order]-1>[DeliveryMethod], 
[Order]*-products>[Product], 
[Category]<->[Product], 
[DeliveryMethod]^[National], 
[DeliveryMethod]^[International]

您可以生成一个相当复杂的图表。为了方便它的使用，这一切都以一系列简单的 URL 的形式公开，您可以将这些 URL 嵌入到几乎任何基于 Web 的文档中。

稍后编辑 - 稍后返回并编辑图像：http://yuml.me/edit/5a963e1b
PNG 图像 - 用于博客、维基或电子邮件。透明背景：http://yuml.me/5a963e1b
PDF 文档 - 非常适合打印。无限缩放。
JPEG 图像 - 纯色背景。与一些桌面工具配合使用效果更好。
JSON 文件 - 以编程方式保存元数据。
SVG 矢量图形 - 实验性

【讨论】：

【解决方案4】：

转到此页面：Interactive GraphSource Demo
将上面的组合框切换到“动态绑定”
在字段中输入这些值
- 节点来源：['Dummy']
- 边缘来源：['A->B', 'A->C', 'D->C', 'D->A']
- 惰性节点定义：选中
- 源节点绑定：function(edge) { return /(.+)->(.+)/.exec(edge)[1];}
- 目标节点绑定：function(edge) { return /(.+)->(.+)/.exec(edge)[2];}
- 其余部分保持原样
点击New Graph按钮
观看动画并截图！

【讨论】：

【解决方案5】：

或者你可以使用美人鱼。 https://mermaidjs.github.io/，也可以在 Markdown 解释器中使用。

【讨论】：

整洁！好像也有在线版：mermaidjs.github.io/mermaid-live-editor