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

相关推荐
YuCaiH10 分钟前
数组理论基础
笔记·leetcode·c·数组
bicijinlian1 小时前
多语言笔记系列:使用导入魔法命令
笔记
foo1st3 小时前
JDK(Ubuntu 18.04.6 LTS)安装笔记
java·笔记·ubuntu
DKPT3 小时前
常见正则表达式整理与Java使用正则表达式的例子
java·笔记·学习·面试·正则表达式
下雨的Jim4 小时前
前端速成之——Script
前端·笔记
爱码小白4 小时前
wordpress学习笔记
笔记·学习
我的golang之路果然有问题4 小时前
快速上手GO的net/http包,个人学习笔记
笔记·后端·学习·http·golang·go·net
大溪地C4 小时前
HTML5 详细学习笔记
笔记·学习·html5
帅云毅5 小时前
文件上传--解析漏洞和编辑器
笔记·学习·安全·web安全·编辑器·php
Dlrbw5 小时前
FPGA——DDS信号发生器设计
笔记·fpga开发