工具笔记之生成图表和可视化的标记语言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 的扩展插件或在线工具来预览图表。

相关推荐
冰帝海岸5 小时前
01-spring security认证笔记
java·笔记·spring
小二·6 小时前
java基础面试题笔记(基础篇)
java·笔记·python
wusong9999 小时前
mongoDB回顾笔记(一)
数据库·笔记·mongodb
猫爪笔记9 小时前
前端:HTML (学习笔记)【1】
前端·笔记·学习·html
Resurgence039 小时前
【计组笔记】习题
笔记
pq113_69 小时前
ftdi_sio应用学习笔记 3 - GPIO
笔记·学习·ftdi_sio
爱米的前端小笔记10 小时前
前端八股自学笔记分享—页面布局(二)
前端·笔记·学习·面试·求职招聘
寒笙LED13 小时前
C++详细笔记(六)string库
开发语言·c++·笔记
岳不谢13 小时前
VPN技术-VPN简介学习笔记
网络·笔记·学习·华为
红色的山茶花15 小时前
YOLOv8-ultralytics-8.2.103部分代码阅读笔记-block.py
笔记·深度学习·yolo