ASCII Mermaid 图表工具

创建精美的 Mermaid 图表并导出为图片。在左侧输入 Mermaid 代码，右侧查看预览效果。

Mermaid 代码输入

预览

输入 Mermaid 代码以查看预览

关于 ASCII Mermaid 图表

ASCII Mermaid 图表是基于文本的 Mermaid 图表表示形式，非常适合文档、终端输出以及任何需要纯文本格式图表的地方。此工具使用 beautiful-mermaid 库将 Mermaid 语法转换为精美的 ASCII 艺术。

此工具支持 5 种图表类型：流程图（graph TD, flowchart LR）、状态图（stateDiagram-v2）、序列图（sequenceDiagram）、类图（classDiagram）和 ER 图（erDiagram）。图表使用 Unicode 框线字符渲染，呈现干净、专业的外观。您可以将图表导出为 PNG 图片，或使用自定义缩进复制为文本。注意：甘特图、饼图和其他图表类型不受支持。

开始使用

只需在左侧输入区域输入您的 Mermaid 图表代码。右侧的预览将实时更新，显示图表的 ASCII 表示。使用复制文本按钮复制带自定义缩进的图表，或导出为 PNG 将其保存为图片。

注意事项

1. Mermaid 的语法不是 Markdown 语法。Mermaid 是一种独立的图表语言，拥有自己的语法规则。

2. 在这个工具中，您不需要用三个反引号把 Mermaid 代码括起来。直接将 Mermaid 语法粘贴到输入区域，它就会自动渲染。

3. 但是，如果您想在 首页的 Markdown 工具里面显示 Mermaid，就必须要用三个反引号把内容括起来，并且在反引号后面加上 mermaid，即：

```mermaid
graph TD
    A[开始] --> B{判断条件}
    B -->|是| C[执行操作A]
    B -->|否| D[执行操作B]
    C --> E[结束]
    D --> E
```

了解更多

要掌握 Mermaid 图表，请探索以下资源：