在 Markdown 中使用 Mermaid 显示图表,例如流程图、甘特图、正态分布图和桑基图。应用场景:书写需求文档 (使用流程图、原型图、数据流图辅助说明复杂逻辑)

引言

应用场景:书写需求文档

  • 使用流程图、原型图、数据流图辅助说明复杂逻辑。

例如:功能需求需附业务流程图和界面原型图,标明字段校验规则和交互逻辑。

I Mermaid 是一种基于文本的图表生成工具

‌Mermaid‌ 是一个基于JavaScript的图表工具,它使用类似Markdown的文本语言来定义图表,使得创建和修改图表变得非常简单和直观。
可以直接在 Markdown 中通过特定语法绘制流程图、时序图、甘特图等。

本地编辑器:VS Code 需安装插件 Markdown Preview Mermaid Support

基本语法格式

在 Markdown 中使用三个反引号声明代码块,并指定语言为 mermaid:

例子


graph TD
  A
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

java、iOS、Vue

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

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

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

打赏作者

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

抵扣说明:

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

余额充值