MMermaid Editor
编辑器图表类型模板库学习速查表对比
打开编辑器
MERMAIDEDITOR/学习
学习

Practical guides for the diagrams-as-code workflow.

Short, opinionated articles. No marketing fluff. Each one is a single page you can read on the train.

startok?retrycommitenddone
flowchart阅读约 7 分钟

Flowchart best practices

Direction, density, and the secret of when to switch from TD to LR.

UserAPIDBGET /meSELECT…row200 OK
sequence阅读约 5 分钟

Sequence vs flowchart: which to pick

Time order vs branching logic — a five-minute decision guide.

userWeb App[Container]Auth0[SaaS]APIDatabase
c4阅读约 9 分钟

C4 architecture in three diagrams

Context, container, component — and why you almost never need the fourth.

CUSTOMERid PKemailcreated_atPRODUCTsku PKtitlepriceORDERid PK · cust_id FKplacescontains
er阅读约 6 分钟

ER modeling for code reviewers

Reading crow's-foot like a database engineer.

w1w2w3w4w5researchdesignbuild · apibuild · uiqalaunch
gantt阅读约 4 分钟

Gantt vs timeline: dependencies are the test

If a task has a predecessor, you need Gantt. Otherwise, timeline wins.

IdleLoadingReady
state阅读约 8 分钟

Modeling state machines without a library

How a stateDiagram-v2 can replace a 200-line redux reducer.

MMERMAIDEDITOR

MERMAIDEDITOR 是一款独立的 Mermaid 语法编辑器,与 Mermaid 项目本身没有关联。

语言
English日本語简体中文
图表类型
  • 流程图
  • 时序图
  • 类图
  • 状态图
  • ER 图
  • 甘特图
 
  • 饼图
  • 用户旅程
  • 思维导图
  • 时间线
  • Git 图
  • C4
产品
  • 编辑器
  • 模板库
  • 速查表
  • 对比
  • 定价
资源
  • 学习
  • 流程图指南
  • 时序图 vs 流程图
  • 用 Mermaid 写 C4
© 2026 MERMAIDEDITOR.APP为 diagram-as-code 群体而生 · v0.9.4