如何使用文本生成依赖图

Question

是否有一个简单的在线工具,它将根据文本输入生成依赖图(由箭头线链接的框),如:

A - > B.

很像这个:

www.websequencediagrams.com

(它生成一个序列图)

Answer 1

graphviz是一个生成图形的工具.

webgraphviz.com是一个使用graphviz的Web应用程序,允许您修改文本并显示相应的图形(它还有5个样本/示例).

graphviz接受这样的输入:

digraph G {
   A->B
}

Answer 2

http://www.nomnoml.com

它使用的语法:

[A] -> [B]

Answer 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,您可以将其嵌入到任何基于Web的文档中.

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

Answer 4

• 转到此页面：交互式GraphSource演示
• 将上方的组合框切换为“动态绑定”
• 在字段中输入这些值
  • 节点来源： ['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 解释器中使用。