Biểu đồ Mermaid là gì?

Mermaid là ngôn ngữ biểu đồ và đồ thị dựa trên văn bản cho phép bạn tạo các biểu đồ phức tạp thông qua cú pháp văn bản đơn giản. Nó hỗ trợ nhiều loại biểu đồ bao gồm sơ đồ luồng, biểu đồ trình tự, biểu đồ Gantt, biểu đồ trạng thái và nhiều hơn nữa.

Ưu điểm lớn nhất của Mermaid nằm ở cú pháp ngắn gọn và khả năng biểu đạt mạnh mẽ. Bạn không cần phần mềm vẽ phức tạp - chỉ cần viết mô tả văn bản đơn giản để tạo ra các biểu đồ chuyên nghiệp.

Trình tạo biểu đồ Mermaid của chúng tôi cung cấp chức năng xem trước thời gian thực, cho phép bạn xem ngay lập tức hiệu ứng biểu đồ đồng thời hỗ trợ xuất ra nhiều định dạng để sử dụng trong tài liệu và bài thuyết trình.

Cách sử dụng?

1. Nhập mã cú pháp Mermaid trong trình soạn thảo bên trái

2. Bên phải sẽ hiển thị xem trước biểu đồ được tạo theo thời gian thực

3. Hỗ trợ nhiều loại biểu đồ: flowchart, sequenceDiagram, gantt, stateDiagram, pie, v.v.

4. Sau khi tạo biểu đồ hài lòng, xuất ra định dạng SVG

5. Bạn cũng có thể sao chép mã được tạo để sử dụng trên các nền tảng hỗ trợ Mermaid khác

Ví dụ cú pháp

Ví dụ sơ đồ luồng:

graph TD
    A[Bắt đầu] --> B{Đã đăng nhập?}
    B -->|Có| C[Hiển thị bảng điều khiển]
    B -->|Không| D[Chuyển đến đăng nhập]
    C --> E[Kết thúc]
    D --> E

Ví dụ biểu đồ trình tự:

sequenceDiagram
    participant A as Người dùng
    participant B as Máy chủ
    A->>B: Yêu cầu đăng nhập
    B-->>A: Kết quả xác thực

Tính năng

• Hỗ trợ nhiều loại biểu đồ cho các nhu cầu tình huống khác nhau

• Xem trước thời gian thực với trải nghiệm chỉnh sửa WYSIWYG

• Định dạng xuất SVG để tích hợp dễ dàng vào các tài liệu khác nhau

• Cú pháp văn bản đơn giản với đường cong học tập thấp

• Thiết kế đáp ứng hỗ trợ truy cập từ thiết bị di động