工具笔记之生成图表和可视化的标记语言Mermaid
code review!
文章目录
- 工具笔记之生成图表和可视化的标记语言Mermaid
-
-
- [1. 流程图](#1. 流程图)
- [2. 序列图](#2. 序列图)
- [3. 甘特图](#3. 甘特图)
- [4. 类图](#4. 类图)
- [5. 状态图](#5. 状态图)
- [6. 饼图](#6. 饼图)
- 使用方法
-
Mermaid 是一种用于生成图表和可视化的标记语言。它允许用户以简单的文本格式创建复杂的图表。以下是一些常用的 Mermaid 语法和示例:
1. 流程图
是 否 开始 是否继续? 继续操作 结束
2. 序列图
Alice Bob 你好,Bob! 你好,Alice! Alice Bob
3. 甘特图
2024-10-06 2024-10-13 2024-10-20 2024-10-27 2024-11-03 2024-11-10 2024-11-17 任务1 任务2 设计 开发 项目计划
4. 类图
动物 +String 名字 +int 年龄 +吃() +睡() 狗 +String 品种 +汪汪叫()
5. 状态图
用户输入 完成 错误 空闲 工作
6. 饼图
40% 30% 20% 10% 项目分布 设计 开发 测试 部署
使用方法
- 图表类型 :如
graph
、sequenceDiagram
等。 - 节点和边:使用文本描述节点与其连接关系。
- 样式:可以自定义节点和边的样式。
Mermaid 可以集成到 Markdown 文件中,使用工具如 VSCode 的扩展插件或在线工具来预览图表。