用文字“画出”状态图:用 AI+Mermaid.js 解决对象状态变化的处理问题

什么是状态图

状态图用于描述对象在其生命周期内的状态变化及其处理,例如业务办理流程、病情处置等。

什么是Mermaid

Mermaid.js 是一个开源项目,它允许你通过简单的语法来绘制图表。

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

什么是中文Mermaid

来自 min2k 的 中文Mermaid 在Mermaid的基础上引入了AI技术,实现了自动生成状态图 的功能。

用户只需输入内容,它就可以将其转化为状态图

这大大地提高了工作效率,省去了手写代码的麻烦。

访问 中文Mermaid 体验 AI + Mermaid,提升你的效率,解决你的问题。

状态图示例

Mermaid代码

text 复制代码
stateDiagram-v2
  state "新生儿黄疸" as state1
  state "观察症状" as state2
  state "轻度黄疸" as state3
  state "中度黄疸" as state4
  state "重度黄疸" as state5
  state "光疗" as state6
  state "换血疗法" as state7
  state "病因治疗" as state8
  state "恢复" as state9

  [*] --> state1
  state1 --> state2
  state2 --> state3: "症状轻微"
  state2 --> state4: "症状加重"
  state3 --> state9: "观察期"
  state4 --> state5: "需要进一步观察"
  state4 --> state6: "开始光疗"
  state5 --> state6: "立即光疗"
  state6 --> state9: "光疗有效"
  state6 --> state7: "光疗无效"
  state7 --> state9: "换血成功"
  state5 --> state8: "查找病因"
  state8 --> state9: "病因解决"
  state9 --> [*]

由代码绘制出来的图表
stateDiagram-v2 state "新生儿黄疸" as state1 state "观察症状" as state2 state "轻度黄疸" as state3 state "中度黄疸" as state4 state "重度黄疸" as state5 state "光疗" as state6 state "换血疗法" as state7 state "病因治疗" as state8 state "恢复" as state9 [*] --> state1 state1 --> state2 state2 --> state3: "症状轻微" state2 --> state4: "症状加重" state3 --> state9: "观察期" state4 --> state5: "需要进一步观察" state4 --> state6: "开始光疗" state5 --> state6: "立即光疗" state6 --> state9: "光疗有效" state6 --> state7: "光疗无效" state7 --> state9: "换血成功" state5 --> state8: "查找病因" state8 --> state9: "病因解决" state9 --> [*]

上面的状态图展示了一个新生儿黄疸处理的状态流程。

根据黄疸病情的不同阶段,制定了相应的处置措施。

Mermaid的语法解释

第1行是图表类型,默认是:stateDiagram-v2

接下来的 state "新生儿黄疸" as state1 表示定义了一个新状态 state1,其标签为:新生儿黄疸

接下来的 state2 --> state3: "症状轻微" ,表示从 state2 到 state3,-其注解为:症状轻微

最后的 state9 --> [*],其中的 [*] 可以代表起始点或结束点

以上就是Mermaid状态图的常用语法。

若你不想手动编写代码的话,可以使用 min2k 的 中文Mermaid 来自动生图。

相关推荐
机器之心24 分钟前
谷歌nano banana正式上线:单图成本不到3毛钱,比OpenAI便宜95%
人工智能·openai
兰亭妙微24 分钟前
从线到机:AI 与多模态交互如何重塑 B 端与 App 界面设计
人工智能·小程序·交互·用户体验设计公司
MansFlower33 分钟前
Gemini 2.5 Flash Image Preview:nano banana
人工智能
机器之心40 分钟前
拒稿警告,靠大模型「偷摸水论文」被堵死,ICLR最严新规来了
人工智能·openai
算家计算1 小时前
“下一代”图像模型——ComfyUI-Flux-Krea本地部署教程,体验划时代的图像质量
人工智能·开源·flux
算家计算2 小时前
国务院发布“人工智能+”行动意见,算力基建或将迎来风口!
人工智能·云计算·资讯
johnny2332 小时前
文本转语音TTS工具合集(下)
人工智能
艾醒2 小时前
大模型面试题剖析:大模型微调与训练硬件成本计算
人工智能·后端·算法
三花AI2 小时前
风口真的要来了,国务院关于深入实施“人工智能+”行动的意见
人工智能·开源
LLM精进之路2 小时前
上海AI实验室突破扩散模型!GetMesh融合点云与三平面,重塑3D内容创作
人工智能·深度学习·机器学习·语言模型·transformer