Xưởng Mermaid
Ưu tiên quyền riêng tưTạo và xem trước biểu đồ Mermaid.
Mermaid Code
Preview
No diagram yet
Write Mermaid code on the left to see it rendered here.
Diagram Types
| Keyword | Type |
|---|---|
graph TD | Top-down flowchart |
graph LR | Left-right flowchart |
sequenceDiagram | Sequence diagram |
classDiagram | Class diagram |
stateDiagram-v2 | State diagram |
erDiagram | ER diagram |
gantt | Gantt chart |
pie | Pie chart |
Flowchart Syntax
| Syntax | Shape |
|---|---|
A[Text] | Rectangle |
A(Text) | Rounded |
A{Text} | Diamond |
A-->B | Arrow |
A-.->B | Dotted arrow |
A==>B | Thick arrow |