ASCII Mermaid 图表工具

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

Mermaid 代码输入

预览

输入 Mermaid 代码以查看预览

关于 ASCII Mermaid 图表

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

开始使用

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

了解更多

要掌握 Mermaid 图表,请探索以下资源:

  • ASCII Mermaid 速查表 - 学习使用简单示例创建 ASCII Mermaid 图表的基础知识
  • beautiful-mermaid GitHub - 本工具的底层库 — 支持 6 种图表类型:流程图、状态图、序列图、类图、ER 图和 XY 图表

支持的图表类型

以下是全部 5 种支持的图表类型的实时预览,点击「加载到编辑器」即可上手体验。

流程图

graph TD / flowchart LR — 决策树、流程、管道

渲染中…
序列图

sequenceDiagram — 参与者之间的消息传递

渲染中…
状态图

stateDiagram-v2 — 状态机与生命周期转换

渲染中…
类图

classDiagram — 面向对象的类关系与继承

渲染中…
ER 图

erDiagram — 实体关系数据库模式

渲染中…