这是一个把 Mermaid 源码变成图的工具：左侧写代码，右侧实时出图，改一个字预览就跟着变。 它内置流程图、时序图、类图、状态图、实体关系图、甘特图、思维导图七类示例模板， 点开即用；这之外的 Mermaid 语法（饼图、Git 图、用户旅程图、时间线等）只要引擎支持， 直接粘贴进左侧同样能渲染。
图表完全在你的浏览器里渲染。Mermaid 渲染引擎作为静态文件随页面一起下载，之后所有解析与绘制
都在本地完成，源码不会发送给任何服务器，页面也不发起携带内容的请求 —— 这与把源码贴到第三方在线编辑器
有本质区别。安全性上，渲染配置为 securityLevel: strict，Mermaid 会对源码中的 HTML 与脚本
做转义，图形内的链接与点击交互被限制，页面同时关闭了 HTML 标签渲染，图形文本一律以 SVG 原生文本绘制；
因此即使粘贴来路不明的源码，其中的脚本也不会被执行。
源码写错时，预览区上方会给出错误提示与出错位置（解析器给出的行列信息）， 并把上一次成功的图留在屏幕上，不会白屏也不会卡死，修正后自动恢复。 预览支持缩放，确认好之后可以导出 SVG（矢量，可无限放大与二次编辑）或 PNG （按 2 倍像素密度由矢量重新栅格化，不是屏幕截图）。导出只含最终图形， 不携带源码、编辑历史或任何图层信息。
需要说明的是：超过 10 万字符的源码会被拒绝渲染并给出提示，以免浏览器长时间卡死； 图形节点过多也会影响交互流畅度，遇到这种情况建议按模块拆成多张图。
不是。Mermaid 渲染引擎作为静态文件随页面一起下载到你的浏览器，之后所有解析与绘制都在本地完成，源码不会发送给任何服务器，页面也不发起携带内容的请求。这与把源码贴到第三方在线编辑器有本质区别。
渲染配置为 securityLevel: strict，Mermaid 会对源码中的 HTML 与脚本做转义，图形内的链接与点击交互也被限制；页面同时关闭了 HTML 标签渲染（htmlLabels 关闭），图形文本以 SVG 原生文本绘制。因此即使粘贴来路不明的源码，也不会执行其中的脚本。
会在预览区上方给出错误提示与出错位置（Mermaid 解析器给出的行列信息），并把上一次成功的图留在屏幕上，页面不会白屏也不会卡死。修正后预览自动恢复。
内置流程图、时序图、类图、状态图、实体关系图、甘特图和思维导图七类示例模板，这之外的 Mermaid 语法（饼图、Git 图、用户旅程图、时间线等）只要引擎支持也可以直接写，粘贴进去即可渲染。
PNG 由 SVG 按 2 倍像素密度重新栅格化得到，不是屏幕截图，因此放大后仍然清晰；需要无限放大或二次编辑请用 SVG。导出只含最终图形，不携带源码、编辑历史或任何图层信息。
超过 10 万字符的源码会被拒绝渲染并给出提示，避免浏览器长时间卡死；渲染出的图形节点过多时也会影响交互流畅度，建议按模块拆成多张图。