如何用文本生成依赖图

How to generate dependency graph with text

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

A​​ -> B

很像这个:

www.websequencediagrams.com

(生成时序图)

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

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

webgraphviz.com 是一个使用 graphviz 的网络应用程序,可让您修改文本并显示相应的图形(它也有 5 samples/examples)。

graphviz 接受这样的输入:

digraph G {
   A->B
}

我知道这真的很老,但以后可能会对其他人有所帮助。

个人比较喜欢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 矢量图形 - 实验性

http://www.nomnoml.com

它使用的语法是:

[A] -> [B]

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