Mermaid 在线图表

流程图

解析 flowchart / graph 的节点、连线与方向，生成可辨识的节点分组与带箭头连线 SVG 计划。

在浏览器中运行

输入与参数

• input — Mermaid 流程图源码

真实示例

flowchart LR
  A["开始：上传 Mermaid 源码"] --> B{"语法 & 安全<br/>检查通过？"}
  B -->|是| C["生成 SVG 计划 & 导出 PNG"]
  B -->|否| D["定位第 N 行 / 第 M 列"]
→ flowchart：4 节点 / 3 连线；节点标签含中文、&、<br/> 换行与引号；SVG 含 <g class="node">、<g class="edge">、marker-end 箭头；无 <script> 与外链。

限制与失败处理

确定性解析器只覆盖任务书四类语法的常用子集；不是完整 Mermaid 渲染器，复杂 subgraph 嵌套布局、主题变量与 PNG 位图未实测。超过 100KiB 或 1000 节点会被拒绝并定位。

FAQ