Sơ đồ ngay trong tài liệu Markdown

Tài liệu hóa kiến trúc, luồng xử lý và dữ liệu mà không rời khỏi văn bản. markdowneditor render Mermaid, Graphviz DOT và biểu đồ Vega-Lite trực tiếp trong bản xem trước.

```mermaid
flowchart LR
  A[Markdown] --> B[Preview]
```

```dot
digraph { a -> b -> c }
```

Sơ đồ Mermaid

Flowchart, sequence diagram, class diagram, state diagram, ER diagram, Gantt chart và nhiều loại khác render từ khối code fenced. Không cần công cụ vẽ, không cần xuất ảnh, chỉ cần text.

Đồ thị Graphviz DOT

Viết layout dot, neato, circo, twopi, fdp, osage hay patchwork trong một khối fenced và đồ thị render tại chỗ, nhờ bản Graphviz WASM chạy ngay trong trình duyệt.

Biểu đồ Vega-Lite

Spec JSON khai báo tạo ra biểu đồ chất lượng xuất bản ngay trong cùng tài liệu với phần văn bản, hữu ích cho báo cáo và tài liệu trộn lẫn chữ và dữ liệu.

Render tại chỗ

Các engine sơ đồ chạy trong trình duyệt của bạn. Mã nguồn và kết quả render không bao giờ rời thiết bị, và mọi thứ hoạt động offline sau khi cài ứng dụng.