用文字“画出”状态图:用 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 来自动生图。

相关推荐
TalkU浩克7 分钟前
DoRA详解:从LoRA到权重分解的进化
人工智能·深度学习·机器学习
聚客AI8 分钟前
⚡工程师的AGI落地指南:从基础概念到智能体开发的完整地图
人工智能·llm·agent
从零开始学习人工智能22 分钟前
Coze Studio:开源AI Agent开发工具的全方位实践指南
人工智能·开源
深度学习机器23 分钟前
GLM-4.5系列模型导读,综合能力更强的高性价比模型
人工智能·llm·agent
双向3325 分钟前
智能体的未来:AGI路径上的关键技术突破
人工智能
辣么大27 分钟前
语音助手如何理解图片
人工智能
天天讯通29 分钟前
机器人系统对接线索平台好处
大数据·数据库·人工智能·机器人·语音识别
Codebee30 分钟前
低代码与 AI 的深度融合:OneCode3.0 引领企业级应用开发新范式
人工智能·全栈
博睿谷IT99_31 分钟前
2025年华为HCIA-AI认证是否值得考?还是直接冲击HCIP?
人工智能·华为·ai·华为认证·职业规划
Albert_Lsk32 分钟前
【2025/07/31】GitHub 今日热门项目
人工智能·开源·github·开源协议