使用 AI+Mermaid.js 自动画出你心中的流程图

更新时间：2024-10-23 15:16  浏览量：9

用文字“画出”流程图：用 AI+Mermaid.js 构建出你心中的可视化世界

Mermaid介绍

首先，什么是 Mermaid?Mermaid.js 是一款开源 流程图 的文本制作工具，它允许你使用简单的代码来创建各种类型的图表。

无论你是开发者、学生还是普通用户，Mermaid.js 都能帮助你将复杂的信息以直观、易懂的方式呈现出来。

在最 新AI技术加持下，［min2k中文Mermaid］现已支持把用户内容自动转成对应的代码， 从而达到自动生成流程图的目地。这不仅提高了工作效率，还使非专业用户也能轻松创建复杂的图表。

使用［min2k中文Mermaid］体验 AI + Mermaid.js，自动画出你心中的流程图。

Mermaid示例

代码

flowchart TD

A[开始] --> B{选择旅行目的地}

B --> C[巴黎]

B --> D[东京]

B --> E[悉尼]

C --> F[预订机票]

D --> F

E --> F

F --> H[打包出发]

H --> I[结束]

代码显示的流程图

Mermaid语法解释

第1行：图表类型与显示方向

图表类型：使用 flowchart 来声明图表的类型为：流程图。显示方向：TB：从上到下BT：从下到上LR：从左往右RL：从右往左

从第2行起，描述各个节点及其连接关系：

节点定义：id[文字描述]：矩形节点id(文字描述)：圆角矩形节点id{文字描述}：菱形节点连接线定义：实线连接：---虚线连接：-.-带箭头的连接：-->

每一行的描述方式为：起始节点+连接线+目标节点

通过这种简洁的描述方式，Mermaid.js 提供了一种简洁而强大的方法来创建和展示复杂的信息流。