Trực quan hóa ý tưởng bằng Mã lệnh

Mermaid là một công cụ vẽ sơ đồ và biểu đồ dựa trên JavaScript, hiển thị các định nghĩa văn bản lấy cảm hứng từ Markdown để tạo và chỉnh sửa sơ đồ một cách linh hoạt. Nó cho phép bạn tạo lưu đồ, sơ đồ trình tự, sơ đồ lớp, sơ đồ trạng thái và nhiều hơn nữa bằng cú pháp văn bản đơn giản.

Có, trình soạn thảo Mermaid trực tuyến này hoàn toàn miễn phí. Không có phí ẩn hoặc tính năng cao cấp. Bạn có thể tạo sơ đồ không giới hạn và sử dụng tất cả các tính năng mà không có bất kỳ hạn chế nào.

Bạn có thể sao chép mã Mermaid trực tiếp từ trình soạn thảo để lưu vào tệp của riêng bạn. Mã có thể được dán vào bất kỳ tệp Markdown, GitHub README hoặc tài liệu nào hỗ trợ hiển thị Mermaid.

Trình soạn thảo hỗ trợ tất cả các loại sơ đồ Mermaid.js bao gồm Lưu đồ, Sơ đồ trình tự, Biểu đồ Gantt, Sơ đồ lớp, Sơ đồ trạng thái, Sơ đồ thực thể-quan hệ, Bản đồ hành trình người dùng, Đồ thị Git và Biểu đồ tròn.

Hoàn toàn có thể! Sơ đồ được tạo bằng trình soạn thảo này có thể được sử dụng cho bất kỳ mục đích nào bao gồm dự án thương mại, thuyết trình, tài liệu và tài liệu giáo dục.

Không cần cài đặt! Đây là trình soạn thảo Mermaid trực tuyến dựa trên trình duyệt. Chỉ cần truy cập trang web và bắt đầu tạo sơ đồ ngay lập tức. Nó hoạt động trên tất cả các trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge.

Khác với các công cụ sơ đồ kéo-thả truyền thống, trình soạn thảo Mermaid của chúng tôi sử dụng phương pháp ưu tiên mã lệnh. Bạn viết cú pháp dựa trên văn bản để định nghĩa sơ đồ, điều này giúp chúng có thể kiểm soát phiên bản, dễ cập nhật và hoàn hảo để đưa vào tài liệu cùng với mã của bạn. Phương pháp này nhanh hơn cho nhà phát triển và giữ sơ đồ nhất quán với cơ sở mã.

Định dạng xuất chính là mã Mermaid, có thể được hiển thị dưới dạng hình ảnh bởi các nền tảng hỗ trợ Mermaid.js như GitHub, GitLab, Notion và nhiều trình tạo tài liệu. Bạn cũng có thể sử dụng công cụ chụp màn hình trình duyệt để chụp sơ đồ đã hiển thị.

Lần tải đầu tiên cần kết nối internet, nhưng sau khi trang được tải, việc hiển thị sơ đồ hoàn toàn diễn ra trong trình duyệt. Dữ liệu sơ đồ của bạn không bao giờ rời khỏi máy tính, đảm bảo quyền riêng tư và bảo mật.

Trình soạn thảo của chúng tôi bao gồm các mẫu cho các loại sơ đồ phổ biến như lưu đồ, sơ đồ trình tự và biểu đồ Gantt. Nhấp vào các nút mẫu để tải ví dụ và học cú pháp. Tài liệu chính thức của Mermaid.js cũng cung cấp hướng dẫn toàn diện cho tất cả các loại sơ đồ và tính năng nâng cao.

mermaid.live is the official Mermaid Live Editor maintained by the Mermaid team. mermaideditor.com is an independent free editor with a richer toolset: dedicated PNG, SVG, JPG, WEBP, and PDF exporters; a SQL-to-ERD converter; a PlantUML-to-Mermaid converter; and a multi-language interface. Both editors are free and require no signup — pick whichever fits your workflow.

Yes. Use the dedicated exporters — Mermaid to PNG, Mermaid to SVG, Mermaid to JPG, Mermaid to WEBP, and Mermaid to PDF. Each runs entirely in your browser, lets you customize resolution and background, and requires no account. Your diagram code never leaves your computer.

Yes. The SQL to Mermaid ERD Converter takes DDL from MySQL, PostgreSQL, SQLite, or MariaDB and produces a live Mermaid erDiagram with foreign keys detected automatically. Conversion runs in your browser, so nothing is uploaded to a server.

Yes. The PlantUML to Mermaid Converter handles sequence, class, activity, and use case diagrams. You can also batch-upload multiple .puml or .plantuml files and download the converted Mermaid output as a ZIP. Conversion is fully client-side.

Yes. Mermaid is supported natively on GitHub, GitLab, Notion, Obsidian, and many other Markdown-based platforms. Wrap your diagram in a fenced code block tagged ``` mermaid and it renders automatically. The code generated by this editor pastes directly into any of those.