在线 Mermaid 编辑器(用文本画图)
粘贴或编写 Mermaid 代码。预览会在你输入时更新,示例展示了各种图表类型。
使用方法写下图表,看到图形
示例:
flowchart LR
A[Ideia] --> B{Vale a pena?}
B -- sim --> C[Planejar]
B -- não --> D[Arquivar]
C --> E[Executar] --> F((Pronto))sequenceDiagram
Cliente->>Loja: Faz o pedido
Loja-->>Cliente: Confirma por e-mailpie title 预算去向
"Aluguel" : 35
"Equipe" : 40
"Marketing" : 15
"Outros" : 10journey
title 网站购物
section 发现
在 Google 上找到店铺: 4: 顾客
浏览商品: 5: 顾客
section 购买
填写地址: 2: 顾客
付款: 3: 顾客quadrantChart
title 任务优先级
x-axis Pouco esforço --> Muito esforço
y-axis Pouco impacto --> Muito impacto
quadrant-1 计划
quadrant-2 立即做
quadrant-3 以后再说
quadrant-4 重新考虑
新网站: [0.7, 0.85]
社交媒体帖子: [0.2, 0.6]
更换标志: [0.6, 0.3]gitGraph
commit
branch nova-tela
checkout nova-tela
commit
commit
checkout main
merge nova-tela
commit
广告
在线 Mermaid 编辑器(用文本画图): 用途
编写或粘贴 Mermaid 代码,输入时图表会实时更新。示例按钮展示了流程图、时序图、饼图、用户旅程、象限图和 Git 图,编辑器也支持 Mermaid 的其他类型,如类图、状态图、ER 图、甘特图、思维导图和时间线。
使用方法
- 编写 Mermaid 代码或选择一个示例。
- 调整文字并查看预览。
- 下载 PNG 或 SVG,或复制代码。
使用场景
- 在放进 GitHub 之前测试图表。
- 技术文档。
- 为演示快速制作图表。
常见问题
什么是 Mermaid?
它是一种用文本描述图表的开放语言。GitHub、GitLab、Notion 和不少文档编辑器都会自动渲染 Mermaid 代码块,因此同一份代码可用于项目文档。
可以画哪些类型的图?
流程图 (flowchart)、时序图、类图、状态图、实体关系图、甘特图、饼图、用户旅程、象限图、Git 图、思维导图、时间线等。每种类型都以第一行的一个关键字开头,如 flowchart、sequenceDiagram 或 pie。
代码会保存吗?
会,下次回来时仍在这里。回来后,最近的图表会再次显示。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。