<aside> 💡

Mermaid biến text thành diagram. Viết code → Notion render thành hình. Nhanh, gọn, version-control được.

</aside>

🇻🇳 Tiếng Việt

Mermaid là gì?

Công cụ vẽ diagram bằng text. Viết code → Notion render ra hình ngay. Dùng cho flowchart, sequence, Gantt, mind map, v.v.

Cách tạo diagram

1. Tạo code block (/code).
2. Chọn ngôn ngữ là mermaid.
3. Viết cú pháp Mermaid.
4. Notion tự render thành diagram.

Quy tắc cốt lõi

• Label có ký tự đặc biệt ((), :, ,) phải bọc trong dấu nháy kép: A["Notion (App + API)"].
• Xuống dòng trong label dùng ``, không dùng \\n.
• KHÔNG escape bằng \\( \\) — cứ bọc cả label trong "...".
• Node ID ngắn gọn (A, B1, userNode). Label để trong ngoặc.
• Mỗi diagram = một code block. Không trộn loại.

Các loại diagram thường dùng

1. Flowchart — vẽ quy trình & nhánh quyết định

Bản text:

flowchart TD
    A[Bắt đầu] --> B{Quyết định?}
    B -->|Có| C[Làm cái này]
    B -->|Không| D[Làm cái kia]
    C --> E[Kết thúc]
    D --> E