Mermaid可视化编辑器

让图表创建变得简单高效

不需要了解mermaid语法,只需要简单的点击操作,即可创建专业图表;支持图表一键配色,也可手动设置样式或@keyframe动画。

graph TD;
A[输入账号密码] --> B[匹配成功?];
B -- 是 --> C[进入主页];
B -- 否 --> D[提示错误];
Mermaid示例图表

Mermaid可视化编辑器

只需要简单的点击操作,即可创建专业图表,支持一键配色及动画。

graph TD;
A[输入账号密码] --> B[匹配成功?];
B -- 是 --> C[进入主页];
B -- 否 --> D[提示错误];
Mermaid示例图表

功能介绍

什么是Mermaid?

Mermaid是一个文本转图表工具,支持流程图、脑图、类图等20多种图表,可直接在Markdown中显示图表,也可导入其它图表工具。

可视化操作

不需要调试mermaid语句,操作完成后将自动生成mermaid代码。

支持样式

  • 支持CSS样式和动画。
  • 支持一键配色。
  • 支持使用css中@keyframe自定义动画。

AI辅助

比如在DeepSeek中输入"公司架构图 生成mermaid图表",将生成的文本复制到本软件中的[代码]栏,点运行后即可实现二次编辑。

图表存储

可存储在本地浏览器,不需要注册,也可存储在云端,需要注册;支持本地浏览器和云端一键同步。

图表导出

  • 可导出svg图片,动画将保留。
  • 可导出PNG图片,自动义尺寸,但动画会丢失。