Graphviz 是 AT&T 开发的一款开源绘图语言，主要用来绘制 UML 图，比如思维导图之类的，语法简单，就像写 Markdown 一样非常流畅、容易。配合 Visual Studio Code 扩展，可以做到边写代码，边预览。@Appinn

来自发现频道@小恐龙的爱，以下为原文：

---

Graph Visualization 是 AT&T 公司开发的一款开源的绘图编程语言，叫做 dot 语言。官网在这里：https://graphviz.gitlab.io/

它可以绘制 UML 图，比如思维导图什么的。

UML 是 Unified Modeling Language 的缩写，中文名统一建模语言。UML 是一种开放的方法，用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。UML 并不是一个工业标准，但在Object Management Group的主持和资助下，正在逐渐成为工业标准。

via 维基百科

语法有多简单呢：我觉得比 Markdown 还要简单。事实上，到现在我也记不住 Markdown 的语法。

digraph g { a -> {b->c} }

就可以自动生成一个结构图，还可以导出为 svg 图片（一种解释型矢量图片，可以在浏览器中正常显示）。

使用上，你可以下载它的解释库，但是我推荐用 VS Code，安装 Graphviz (dot) language support for Visual Studio Code 扩展。

就是可以像 Markdown 一样，左侧写代码，右侧预览了：

继续示例：

digraph g {
    rankdir=LR  //方向左右
    dot语言->{简介,语法,示例}
    dot语言[shape=box,fontcolor=red]
    简介[color=red]
    语法[color=green]
    示例[color=blue]
    简介->{开源免费,UML绘图,导出svg}
    语法->{"digraph","graph"}
    "digraph"->导向图[label=可以制作带方向的导图]
    "graph"->无向图[label=可以制作不带方向的导图]
    }

欢迎前往发现频道小恐龙的爱分类，继续参与 Graphviz 的讨论。