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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一只野生的善逸

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值