Mermaid là một công cụ mã nguồn mở dựa trên JavaScript, cho phép bạn tạo nhiều loại biểu đồ và sơ đồ khác nhau (biểu đồ luồng, biểu đồ Gantt, biểu đồ lớp,...) chỉ bằng cách sử dụng cú pháp văn bản đơn giản. Thay vì dùng các công cụ kéo thả phức tạp, bạn chỉ cần viết "code" để mô tả biểu đồ mình muốn.



Thông tin chung

Lý do ra đời

Mermaid ra đời để giải quyết vấn đề lớn nhất trong việc tạo và duy trì biểu đồ: sự cồng kềnh và khó khăn khi cần thay đổi hoặc khi làm việc với các hệ thống kiểm soát phiên bản.

Trước đây, các công cụ truyền thống lưu biểu đồ dưới dạng tệp nhị phân, dẫn đến nhiều bất lợi:

  • Khó kiểm soát phiên bản: Việc so sánh sự khác biệt hay hợp nhất các thay đổi trên biểu đồ trở nên rất phức tạp.
  • Tốn thời gian: Vẽ thủ công hoặc dùng giao diện kéo thả mất nhiều thời gian, đặc biệt với những biểu đồ phức tạp.
  • Không linh hoạt: Sửa đổi nhỏ có thể buộc bạn phải vẽ lại phần lớn biểu đồ.

Mermaid đã giải quyết các vấn đề này bằng cách tạo ra các biểu đồ dưới dạng "code" (Diagrams as Code), giúp biểu đồ dễ dàng được quản lý và tích hợp vào quy trình làm việc của lập trình viên.

Quá trình phát triển

  • Năm 2015 - Khởi đầu: Knut Sveidqvist phát hành phiên bản đầu tiên để giải quyết nhu cầu tạo biểu đồ bằng văn bản. Ban đầu, công cụ này tập trung vào các loại biểu đồ cơ bản như biểu đồ luồng.
  • Được cộng đồng đón nhận: Mermaid nhanh chóng phổ biến nhờ sự tiện lợi và khả năng tích hợp tốt với các nền tảng như GitHub, GitLab, VS Code, Notion,...
  • Mở rộng: Mermaid liên tục được bổ sung thêm nhiều loại biểu đồ mới như biểu đồ Gantt, biểu đồ lớp, biểu đồ trạng thái, biểu đồ bánh,...
  • Tích hợp rộng rãi: Một trong những yếu tố thành công nhất của Mermaid là khả năng tích hợp vào nhiều nền tảng và ứng dụng khác nhau, giúp công cụ này trở nên hữu ích với nhiều người dùng.
  • Phát triển liên tục: Hiện tại, Mermaid vẫn đang được cộng đồng mã nguồn mở lớn phát triển, cải thiện hiệu suất, và thêm nhiều tính năng mới.

Với sự tiện lợi, khả năng tích hợp cao và cộng đồng vững mạnh, Mermaid đã trở thành một công cụ không thể thiếu cho các lập trình viên và người làm tài liệu.

Nguồn: https://www.luoi.top/2025/07/mermaid-javascript-based-tool-that.html