工具
首页
AI
AI 网站导航
AI Skill
AI 工具集
Json
Json 格式
JSON 转换器
JSON 对比
JSON 转类型
Mermaid Flowchart
Markdown 编辑器
图片
图片压缩
图片增强
图片隐私
图片去水印
图片编辑器
更多
格式化与编码
SQL 格式化
Base64 工具
URL 编码/解码
JS 压缩
Cookie 格式化
开发与效率
正则表达式
CRON 解析器
UUID 生成器
时间戳转换器
Excel 工具
设计与学习
CSS 布局生成器
SVG 编辑器
Robots.txt 生成器
打字练习
键盘指法练习
语言
English
简体中文
繁體中文
日本語
Tiếng Việt
Español
Português
हिन्दी
免费在线 Mermaid 流程图生成器
Mermaid 源码
就绪
flowchart TD A[Idea] --> B[Write Mermaid syntax] B --> C{Valid syntax?} C -- Yes --> D[Render diagram] C -- No --> E[Fix and try again] D --> F[Export SVG]
预览
Render Diagram
Copy Source
Copy SVG
Download SVG
Download PNG
渲染后的图表将在此显示。
图表设置
主题
Default
Neutral
Dark
Forest
Base
输入时自动渲染
粘贴任意有效的 Mermaid 流程图语法,渲染后可将结果导出为 SVG。
示例
流程图 (graph TD)
自上而下流程图,含判断节点
应用导航流程
多分支应用导航示意图
架构图 (graph LR)
从左到右系统架构图
小贴士
使用
graph TD
或
flowchart TD
绘制自上而下图表。
使用
graph LR
或
flowchart LR
绘制从左到右图表。
使用
{}
表示菱形/判断节点,
[]
表示矩形节点。
标签尽量简短,让布局更清晰。
PNG 导出分辨率
分辨率倍率:
6x
3x
15x