Mermaid Diagrams
Hiển thị sơ đồ và luồng xử lý trực quan ngay trong hội thoại - AI tự động chọn loại diagram phù hợp với ngữ cảnh câu hỏi.
Dưới đây là ví dụ về cách BravoGen phản hồi người dùng với sơ đồ Mermaid tích hợp trực tiếp trong giao diện Chat:
BravoGen Chat hỗ trợ render Mermaid.js trực tiếp trong hội thoại. Thay vì đọc văn bản dài mô tả quy trình, bạn có thể yêu cầu AI vẽ sơ đồ - biến thông tin phức tạp thành hình ảnh sinh động, dễ hiểu.
AI nhận diện ngữ cảnh để chọn loại diagram phù hợp nhất - không cần câu lệnh rườm rà. Hệ thống chọn tối ưu trong số 18+ loại sơ đồ.
Thêm từ khóa yêu cầu minh họa vào prompt:
Không cần yêu cầu, Agent sẽ chủ động dùng Mermaid khi nhận thấy visual giúp bạn nắm bắt thông tin nhanh hơn.
Click vào từng loại để xem ví dụ code và preview trực tiếp. AI tự chọn loại phù hợp, hoặc bạn có thể chỉ định cụ thể.
AI phân tích nội dung và tự chọn loại sơ đồ tối ưu dựa trên các ngữ cảnh sau:
Có nhiều bước tuần tự, rẽ nhánh điều kiện logic hoặc tương tác giữa nhiều thành phần hệ thống.
Minh họa chuyển đổi trạng thái của đối tượng, chứng từ hoặc tài nguyên qua từng giai đoạn.
Quan hệ phụ thuộc giữa các thành phần, cấu trúc dữ liệu hoặc quan hệ entity trong hệ thống.
Hiển thị timeline triển khai dự án, lịch thực hiện các công việc theo mốc thời gian cụ thể.
Biểu diễn phân bố, tỉ lệ phần trăm hoặc so sánh thông số cho cái nhìn trực quan hơn chữ viết.
Tổ chức và liên kết ý tưởng, khái niệm hoặc chủ đề phức tạp theo cấu trúc bản đồ tư duy.