Vẽ Sơ Đồ Từ Văn Bản
Vẽ lưu đồ, sơ đồ tư duy, biểu đồ Gantt, bảng Kanban, sơ đồ tổ chức, ERD, sequence diagram và nhiều loại khác — bằng cách mô tả bằng văn bản thay vì kéo thả từng khối.
Các bước
- Chọn một mẫu trong danh sách. Các mẫu được nhóm theo mục đích: Luồng & cấu trúc, Kế hoạch, Phần mềm, Dữ liệu và Chiến lược.
- Sửa nội dung ở khung bên trái. Bản vẽ tự cập nhật khoảng một phần ba giây sau khi bạn ngừng gõ.
- Xuất SVG để nét ở mọi kích thước, hoặc PNG / 2× / 3× cho slide và tài liệu.
Mẹo
- Vì sơ đồ là văn bản nên nó thuộc về repo của bạn. GitHub, GitLab, Notion và Obsidian đều hiểu cùng cú pháp này, nên dán thẳng đoạn mã vào README hay trang wiki là nó tự vẽ ra.
- Bản xem trước đi theo giao diện sáng/tối của trang, và file xuất ra khớp với những gì bạn thấy.
- Sơ đồ tổ chức thực chất là lưu đồ hướng từ trên xuống — dùng mẫu có sẵn rồi thay tên. Dùng
<br/>trong nhãn để xuống dòng ghi chức danh. - Với Gantt, cú pháp
after <id>nối các công việc lại nên bạn không phải tính lại ngày bằng tay khi một mốc bị trễ.:milestoneđánh dấu cột mốc không có độ dài. - Sơ đồ rộng sẽ cuộn trong khung xem trước chứ không kéo giãn cả trang. Dùng thanh thu phóng để thấy toàn bộ.
- Nút Khôi phục đưa về đúng mẫu ban đầu nếu bạn lỡ sửa hỏng.
Câu hỏi thường gặp
Công cụ hỗ trợ những loại sơ đồ nào?
Lưu đồ, sơ đồ tổ chức, sơ đồ tư duy, sơ đồ theo làn, Gantt, Kanban, dòng thời gian, hành trình người dùng, sequence, sơ đồ lớp, sơ đồ trạng thái, sơ đồ kiến trúc, nhánh Git, ERD, biểu đồ tròn, biểu đồ cột/đường, Sankey, Venn, ma trận bốn ô, xương cá, bản đồ Wardley và sơ đồ yêu cầu — tất cả trong cùng một trang.
Cú pháp này tên là gì?
Mermaid. Nó còn nhiều thứ hơn những gì các mẫu thể hiện — thêm hình khối, định dạng màu, liên kết và nhóm con — và mọi cú pháp hợp lệ đều vẽ được ở đây.
Vì sao sơ đồ của tôi báo lỗi cú pháp?
Mermaid khá nhạy với khoảng trắng và từ khoá. Khung báo lỗi trích đúng dòng bị lỗi; nguyên nhân phổ biến nhất là thiếu tên loại sơ đồ ở dòng đầu tiên, hoặc quên đóng ngoặc trong nhãn của một khối.
Vì sao file PNG xuất ra bị trắng?
Một số loại sơ đồ vẽ chữ bằng foreignObject, và vài trình duyệt từ chối chuyển nó thành ảnh. Hãy tải SVG thay thế — chất lượng cao hơn và mọi phần mềm thiết kế đều mở được.
Có gì bị tải lên không?
Không. Sơ đồ được vẽ hoàn toàn trên trình duyệt của bạn.