工具笔记之生成图表和可视化的标记语言Mermaid

工具笔记之生成图表和可视化的标记语言Mermaid

code review!

文章目录

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% 项目分布 设计 开发 测试 部署

使用方法

  • 图表类型 :如 graphsequenceDiagram 等。
  • 节点和边:使用文本描述节点与其连接关系。
  • 样式:可以自定义节点和边的样式。

Mermaid 可以集成到 Markdown 文件中,使用工具如 VSCode 的扩展插件或在线工具来预览图表。

相关推荐
DreamBoy@34 分钟前
【408--考研复习笔记】操作系统----知识点速览
笔记
UpUpUp……1 小时前
特殊类的设计/单例模式
开发语言·c++·笔记·单例模式
电星托马斯2 小时前
C++中顺序容器vector、list和deque的使用方法
linux·c语言·c++·windows·笔记·学习·程序人生
jingjingjing11112 小时前
笔记:代码随想录算法训练营day64:拓扑排序精讲、dijkstra(朴素版)精讲
笔记
jimmyleeee2 小时前
人工智能基础知识笔记七:随机变量的几种分布
人工智能·笔记·概率论
熬夜造bug3 小时前
LeetCode Hot100 刷题笔记(6)—— 栈、堆
笔记
对方正在长头发丿4 小时前
LETTERS(DFS)
c++·笔记·算法·深度优先·图论
能来帮帮蒟蒻吗4 小时前
GO语言学习(16)Gin后端框架
开发语言·笔记·学习·golang·gin
chushiyunen5 小时前
dom操作笔记、xml和document等
xml·java·笔记
chushiyunen5 小时前
tomcat使用笔记、启动失败但是未打印日志
java·笔记·tomcat