Là một người luôn ưu tiên tư duy trực quan, tôi đặc biệt yêu thích các loại sơ đồ, từ mind map đến flowchart. Chúng cho phép tôi nắm bắt tổng thể mọi chi tiết, tìm ra các mối liên kết, tóm tắt thông tin và nhanh chóng xác định vấn đề. Tuy nhiên, việc sử dụng các công cụ vẽ sơ đồ chuyên dụng (hoặc ứng dụng thiết kế như công cụ vẽ sơ đồ) thường mang lại cảm giác như đang điều hướng trên một bảng trắng lộn xộn. Tôi thường mất quá nhiều thời gian vào việc đặt và căn chỉnh các yếu tố để đạt được tính thẩm mỹ mong muốn, thay vì tập trung vào nội dung cốt lõi của sơ đồ.
Đó chính là lý do vì sao việc khám phá Mermaid đã thực sự làm tôi kinh ngạc. Đây là một công cụ vẽ sơ đồ dựa trên văn bản miễn phí, mã nguồn mở, sử dụng JavaScript, có khả năng tạo ra những biểu đồ hoàn hảo chỉ từ vài dòng mã. Với tư cách là một người yêu thiết kế không chuyên, tôi bằng cách nào đó lại thích thú với sự chuyển đổi từ việc kéo thả hình khối sang việc viết chúng ra. Điều này đã thay đổi cách tôi tiếp cận việc lập kế hoạch và tổ chức, và Mermaid đã giúp quá trình chuyển đổi đó trở nên vô cùng dễ dàng và thú vị.
1. Từ Mã Lệnh Đến Biểu Đồ Hoàn Hảo: Nhanh Chóng và Có Cấu Trúc Hơn
1.1. Sức mạnh của việc “Code over Clicks”
Điểm hấp dẫn lớn nhất của Mermaid đối với tôi là khả năng viết các biểu đồ thay vì phải vẽ hay thiết kế chúng. Theo một cách nào đó, phương pháp này cho cảm giác tự động hóa hơn hẳn – các hình khối và đường kẻ tự động ăn khớp vào vị trí, và tôi không cần bận tâm đến việc sắp xếp thủ công mọi thứ để duy trì sự mạch lạc. Thay vì nhấp và kéo thả các hình dạng, tôi chỉ cần gõ A --- > B và nhận được một biểu đồ flowchart hoàn chỉnh.
Nghe có vẻ đơn giản hóa quá mức, nhưng chính tốc độ mà Mermaid hiển thị biểu đồ mới là điều khiến nó trở nên mạnh mẽ – tôi không phải vật lộn với các công cụ bố cục hay yếu tố giao diện người dùng rườm rà. Tôi vẫn yêu thích các công cụ thiết kế truyền thống; các ứng dụng như Canva hay Penpot vẫn là lựa chọn hàng đầu cho các bản trình bày trực quan chi tiết. Tuy nhiên, vì mục tiêu của tôi với biểu đồ là tốc độ và cấu trúc, Mermaid chiếm ưu thế vì nó giảm thiểu ma sát giữa ý tưởng trong bộ não và kết quả đầu ra thực tế.
Trong trường hợp bạn muốn sử dụng các chức năng thiết kế và vẽ sơ đồ truyền thống hơn, Mermaid cũng không làm bạn thất vọng! Khi di chuột qua các nút (node) và đường kẻ của bạn, các công cụ chỉnh sửa đa dạng sẽ hiện ra để bạn có thể tùy chỉnh chúng.
2. Cú Pháp Thân Thiện Với Người Dùng: Không Cần Biết Code Vẫn Dùng Tốt!
2.1. Tiếp cận dễ dàng cho mọi đối tượng
Bạn không cần phải là một lập trình viên để sử dụng Mermaid. Thậm chí tôi còn không nhớ hết hầu hết cú pháp của nó; tôi chỉ tham khảo tài liệu chính thức (mặc dù một số lệnh đã trở thành thói quen thứ hai của tôi ở thời điểm hiện tại). Cú pháp của Mermaid cũng rất dễ đọc – sau một thời gian, thật dễ dàng để hiểu dữ liệu trực quan mà một lệnh sẽ tạo ra chỉ bằng cách nhìn vào nó. Đối với một công cụ thoạt nhìn có vẻ dành cho các nhà phát triển, nó lại cực kỳ dễ tiếp cận và sử dụng. Bạn hoàn toàn có thể sử dụng thành thạo chỉ với một vài lệnh cơ bản và vẫn tạo ra những biểu đồ sạch đẹp.
3. Khả Năng Chỉnh Sửa Và Tái Sử Dụng Không Giới Hạn
3.1. Linh hoạt tuyệt đối với sơ đồ dựa trên văn bản
Bởi vì biểu đồ Mermaid chỉ là văn bản, chúng cực kỳ dễ chỉnh sửa và tái sử dụng. Giả sử tôi muốn cập nhật biểu đồ của mình bằng cách thay đổi màu sắc của các nút, nối lại các mũi tên hoặc thêm các liên kết có thể nhấp – tôi không cần mở một canvas mới hay bận tâm đến việc bố cục. Thay vào đó, tôi chỉ cần thay đổi vài dòng văn bản (hoặc vài ký tự trong một dòng) và biểu đồ sẽ tự động vẽ lại ngay lập tức. Bạn có thể thực hiện vô số thay đổi cho biểu đồ của mình theo cách này; không có giới hạn về lớp (layer cap) hay phải đối phó với một số lượng lớn các phần tử gây choáng ngợp trên canvas.
Tôi cũng có thể sao chép văn bản và lưu lại để dùng sau hoặc sử dụng ở nơi khác mà không làm hỏng bất kỳ yếu tố hay kết nối nào của biểu đồ – không cần phải bắt đầu lại hay cố gắng tái tạo một biểu đồ mà tôi thích. Tôi đã tái sử dụng một số biểu đồ trong Notion theo cách này, và không cần phải xuất bất cứ thứ gì hay căn chỉnh lại các hộp. Nói về Notion…
4. Tích Hợp Hoàn Hảo Với Notion: Nâng Tầm Năng Suất
4.1. Biểu đồ sống động ngay trong không gian làm việc của bạn
Thực tế, tôi bắt đầu sử dụng Mermaid trong Notion đầu tiên. Nó được tích hợp sẵn trong Notion, điều này là hoàn hảo, vì vậy tôi không cần rời khỏi dashboard hay chuyển đổi giữa các ứng dụng để làm việc trên một biểu đồ. Sự tích hợp này lý tưởng cho việc lập sơ đồ tư duy (mind mapping), cây quyết định (decision trees), theo dõi quy trình, lập kế hoạch và bất kỳ hệ thống năng suất nào bạn có thể nghĩ đến. Và vì nó nằm ngay trong trang Notion của bạn, biểu đồ luôn có thể chỉnh sửa trực tiếp, với tất cả các cơ sở dữ liệu khác của bạn ngay trong tầm nhìn để tham chiếu.
5. Miễn Phí Và Mã Nguồn Mở: Sự Lựa Chọn Đáng Tin Cậy
5.1. Ưu điểm vượt trội của công cụ FOSS
Tất cả chúng ta đều yêu thích các công cụ miễn phí và mã nguồn mở. Chúng không khóa bạn vào một gói đăng ký trả phí, riêng tư hơn, không giới hạn bạn vào các định dạng độc quyền, và cộng đồng luôn không ngừng cải tiến nó. Hầu hết các công cụ vẽ sơ đồ hiệu quả đều khóa nhiều tính năng của họ sau một bức tường trả phí hoặc yêu cầu bạn phải trải qua một quy trình đăng ký để sử dụng trình chỉnh sửa hoặc lưu công việc của mình. Với Mermaid, bạn có quyền truy cập vào mọi thứ cần thiết hoàn toàn miễn phí và thậm chí không cần đăng ký để sử dụng trình soạn thảo. Có một gói trả phí, nhưng hầu hết các lợi ích của nó đều liên quan đến các tính năng hợp tác nhóm.
Giao diện trình soạn thảo Mermaid JS trên trình duyệt web, minh họa khả năng tạo sơ đồ và biểu đồ trực quan từ văn bản
Tôi hoàn toàn tin tưởng vào Mermaid.
Mermaid không thay thế tất cả các công cụ sáng tạo trong quy trình làm việc của tôi, nhưng nó đã thay thế mọi công cụ vẽ sơ đồ mà tôi từng sử dụng cho việc lập kế hoạch và phân tích trực quan thông tin. Nó không chỉ cực kỳ nhanh chóng và đơn giản mà còn vô cùng mạnh mẽ một khi bạn đã nắm vững cú pháp. Nếu bạn cảm thấy mệt mỏi khi phải loay hoay với các hộp và đường kẻ, Mermaid chắc chắn là một công cụ đáng để bạn thử.
Tài liệu tham khảo: