Cập nhật VPasCode: 5 Loại Sơ đồ Nâng cao Mới Bây giờ Có sẵn

Mermaid Edit Mermaid in VPasCode

cynefin-beta
    title Đánh giá rủi ro dự án

    phức tạp
        "Lập kế hoạch thích ứng"
        "Phát hiện tính năng mới"

    phức tạp hơn
        "Phân tích kỹ thuật"

    rõ ràng
        "Hoạt động tiêu chuẩn"

    hỗn loạn
        "Phản ứng khủng hoảng"

    bối rối
        "Nhiệm vụ chưa đánh giá"

    phức tạp --> phức tạp hơn : "Mẫu được xác định"
    rõ ràng --> hỗn loạn : "Thái độ chủ quan"

💡 Mẹo nhanh: Sử dụng cynefinnhận dạng, thêm tiêu đề, và ánh xạ nhãn văn bản của bạn trực tiếp vào năm khu vực chuyên biệt.

📌 2. Biểu đồ radar – Các chỉ số đa chiều

Thường được gọi là biểu đồ nhện, biểu đồ radar là cách tốt nhất để điểm số và so sánh các mục trong các danh mục khác nhau. Nó rất hiệu quả trong việc đánh giá tính năng sản phẩm, năng lực nhà cung cấp hoặc năng lực nhóm một cách song song.

✅ Ví dụ – Tổng quan hiệu suất học sinh

Mermaid Edit Mermaid in VPasCode

---
title: "Điểm số"
---
radar-beta
  axis m["Toán"], s["Khoa học"], e["Tiếng Anh"]
  axis h["Lịch sử"], g["Địa lý"], a["Nghệ thuật"]
  curve a["Alice"]{85, 90, 80, 70, 75, 90}
  curve b["Bob"]{70, 75, 85, 80, 90, 85}

  max 100
  min 0

💡 Mẹo nhanh: Xác định các điểm so sánh của bạn bên trong dấu ngoặc axis ngoặc, sau đó sử dụng một datasetdòng cho mỗi thực thể để ánh xạ điểm số của họ.

📌 3. Sơ đồ đường ray – Quy tắc mã hóa cấu trúc

Sơ đồ đường ray trực quan hóa việc phân tích ngữ pháp cú pháp. Chúng phục vụ như tài liệu tuyệt vời cho nhà phát triển, minh họa các đường đi hợp lệ mà trình phân tích cú pháp hoặc trình biên dịch có thể đi để đọc một đoạn mã cụ thể.

✅ Ví dụ – Xác minh cú pháp địa chỉ web

Mermaid Edit Mermaid in VPasCode

railroad-ebnf-beta
    title "Quy tắc giao thức URL HTTP"

    protocol = "http" | "https" ;
    separator = "://" ;
    url = protocol , separator , hostname ;

💡 Mẹo nhanh: Xây dựng các tuyến đường bằng cách sắp xếp các token cấu trúc như bắt đầu, kết thúc chuỗi ký tự, và tùy chọn các khối để hiển thị các tuyến đường mã nguồn.

📌 4. Sơ đồ Swimlanes – Quyền sở hữu quy trình làm việc

Sơ đồ Swimlanes mang lại sự rõ ràng tuyệt đối cho các quy trình kinh doanh phức tạp. Bằng cách chia các quy trình làm việc thành các hàng ngang, mọi người trong nhóm có thể ngay lập tức thấy nơi các giao tiếp chéo chức năng xảy ra và ai chịu trách nhiệm cho từng mốc quan trọng.

✅ Ví dụ – Chuyển tiếp hỗ trợ khách hàng

Mermaid Edit Mermaid in VPasCode

swimlane-beta LR
    subgraph Khách hàng
        request[Yêu cầu mở]
    end
    subgraph Hỗ trợ
        triage[Phân loại]
    end
    subgraph Kỹ thuật
        resolve[Giải quyết]
    end

    request --> triage
    triage --> resolve

💡 Lời khuyên nhanh: Thiết lập các tiêu đề làn đường tiêu đề riêng biệt cho mỗi đội nhóm hoặc lớp quy trình, sau đó bản đồ các nhiệm vụ và bước kích hoạt bằng các mũi tên tiêu chuẩn (->).

📌 5. Sơ đồ Cây – Cấu trúc lồng ghép

Khi bạn cần hiển thị các mối quan hệ phân cấp mà không cần vẽ những bản đồ luồng công việc khổng lồ, Sơ đồ Cây là định dạng lý tưởng. Nó cung cấp một phân tích rõ ràng, có thụt lề về các thư mục tập tin, cấu trúc trang web hoặc danh mục vật liệu.

✅ Ví dụ – Kiến trúc trang tài liệu

Mermaid Edit Mermaid in VPasCode

treeView-beta
my-project/
    src/
        index.js
        styles.css
    "thư mục công khai"/
        favicon.ico
    package.json
    README.md