diagram-maker

对于架构图来说，总体有 Diagrams as Text 和 Diagrams as Code 两大阵营。

一些产品

• Online text to diagram tools, A comprehensive list of various text to diagram tools.
• Kroki!，集合了多种常用 text to diagram 工具语法的 API service

Text Based:

• Gleek，基于 [[mermaidjs]] 做的一个 studio，默认样式还不错。不过现在(2021/3/5)还比较新，功能不太完善。
• plantuml-stdlib/C4-PlantUML: C4-PlantUML combines the benefits of PlantUML and the C4 model for providing a simple way of describing and communicate software architectures

Code Based:

• Diagrams · Diagram as Code
• Structurizr，一个商业产品，有自己的建模 DSL，可以自己渲染，也可以转换为 plantuml/mermaid 语句自动画图。
• nomnoml，text -> UML 的工具和在线编辑器，基于 canvas 绘制
• [[plantuml]]
• [[mermaidjs]]

GUI Based:

• ProcessOn - 免费在线作图，思维导图，流程图，实时协作

• DrawIO

• WebSequenceDiagrams 这个看起来是基于 plantuml ，不过时序图的辅助 UI 可以参考一下。

• PlantUML Editor 在线的 PlantUML 编辑器，体验比官网的好很多。

• PlantText UML Editor 类似上一个，但是略丑

• Pintora Live Editor，pintora.js 项目的在线编辑器，参考了 mermaid.js 的 live editor。

• OneModel - A Diagramming Tool for Software Engineers ，面向软件工程师的工具，画架构和部署图很方便，有很多好用的图标

Graphviz

• DOT Language | Graphviz 给出了 DOT 语言的 BNF 描述
• siefkenj/dotgraph: javascript parser for Graphviz dot/xdot format 一个 dot parser 的 pegjs 实现
• anvaka/dotparser: Parser of GraphViz dot file format 另一个 pegjs 实现
• https://gitlab.com/graphviz/graphviz/-/tree/main/rtest/graphs graphviz 项目的测试集
• Theory/Publications | Graphviz Graphviz 项目涉及的算法论文集合
• Graphviz Online 一个在线编辑器