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解释器中也可用。

如何使用文本生成依赖图

5 个答案: