Mermaid 图表编辑器

在左侧编辑器中输入 Mermaid 代码，右侧会实时渲染为图表。支持流程图（flowchart）、时序图（sequenceDiagram）、类图（classDiagram）、甘特图（gantt）、饼图（pie）等多种图表类型。

编辑器上方提供示例模板按钮，点击即可快速载入流程图、时序图、类图、甘特图或饼图的示例代码，方便快速上手和参考语法。

渲染完成后，点击预览区右上角的下载按钮可将图表保存为 SVG 文件。点击代码区的复制按钮可复制当前 Mermaid 代码。

图表渲染依赖 Mermaid CDN（jsDelivr）。如果 CDN 不可用，预览区将自动降级为代码高亮预览模式，您仍可查看和编辑代码。