Diagram as Code

将图表定义为代码,并使用特定的工具或库将其转换为实际的图表。这种方法可以使图表和代码保持同步,并且可以轻松地与代码一起管理。常见的“Diagram as Code”工具包括Mermaid、PlantUML和Go Diagrams等

1. Diagrams

将Python代码转换为云系统架构图。

链接:https://github.com/mingrammer/diagrams

e94ac2ab-b131-4a4c-a03e-b418e68e6447_3084x1503.jpeg

2. Mermaid

通过类似于Markdown的方式从文本中生成图表和流程图。

链接:https://github.com/mermaid-js/mermaid

示例:

47b05da5-bebc-4587-9d09-f39777bd2ff5_1538x1522.jpeg

3. ASCII编辑器

免费编辑器:

https://asciiflow.com/#/

免费:

https://dot-to-ascii.ggerganov.com/

付费编辑器:

https://monodraw.helftone.com/

e71f0951-d05a-491a-ba19-cd86c8498636_1536x1344.jpeg

c362b244-3868-482d-8c97-8ff1abfcb95c_1600x792.jpeg

4. PlantUML

PlantUML是一种开源工具,允许用户使用纯文本语言创建图表。

链接:https://github.com/plantuml/plantuml

b3dbb83f-ee69-4ec7-a712-0c85d78690d0_1585x1551.jpeg

图表的源代码:https://raw.githubusercontent.com/bmpi-dev/bmpi.dev/master/content/dev/guide-to-serverless/arch_aws.plantuml

5. Markmap

将Markdown转换为思维导图。它支持VS代码插件。

链接:https://markmap.js.org/rep

a3f114c8-2369-4745-9fa5-f9c01c694541_1956x2412.jpeg

6. Go diagrams

使用Go创建漂亮的系统图表。

链接:https://github.com/blushft/go-diagrams

ffb9cb3d-3559-46e9-b207-8e36c34405f6_1935x2895.jpeg

请我吃🍗