如何使用文本生成依赖图

Question

是否有一个简单的在线工具可以生成基于文本输入的依赖图（由箭头线链接的框）：

A - ＆gt;乙

很像这个：

www.websequencediagrams.com

（生成序列图）

Answer 1

graphviz是用于生成图表的工具。

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

graphviz接受这样的输入：

digraph G {
   A->B
}

Answer 2

我知道这真的很老了，但以后可能会帮助别人。

我个人喜欢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，您可以将其嵌入到任何基于Web的文档中。

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

Answer 3

http://www.nomnoml.com

使用语法：

[A] -> [B]

Answer 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按钮
• 观看动画并截取屏幕截图！

Answer 5

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