深度评测：使用 VPasCode 结合 Mermaid 实现“图表即代码”

graph TD
    A[开始] --> B{是否正常工作？}
    B -->|是 | C[太好了！]
    B -->|否 | D[调试]
    D --> B

graph LR
    A[用户登录] --> B[验证凭据]
    B -->|有效| C[进入仪表盘]
    B -->|无效| D[显示错误消息]
    D --> A

sequenceDiagram
    participant 用户
    participant API 网关
    participant 数据库
    
    用户->>API 网关：请求数据
    API 网关->>数据库：查询记录
    数据库-->>API 网关：返回结果
    API 网关-->>用户：发送响应

classDiagram
    class 产品经理 {
        +String 姓名
        +int 经验年限
        +CreateRoadmap()
        +ConductUserResearch()
    }
    
    class 敏捷团队 {
        +List 成员
        +SprintPlanning()
        +ReviewBacklog()
    }
    
    产品经理 --> 敏捷团队 : 协作

stateDiagram-v2
    [*] --> 草稿
    草稿 --> 审核中 : 提交
    审核中 --> 已批准 : 通过
    审核中 --> 草稿 : 拒绝修改
    已批准 --> 已发布 : 发布
    已发布 --> [*]

erDiagram
    USER ||--o{ ORDER : 下订单
    ORDER ||--|{ PRODUCT : 包含
    USER {
        int id
        string name
        string email
    }
    ORDER {
        int id
        date orderDate
        float totalAmount
    }

gantt
    title 产品开发时间表
    dateFormat  YYYY-MM-DD
    section 规划阶段
    需求分析     :2026-01-01, 30d
    UI 设计       :2026-02-01, 20d
    section 开发阶段
    后端开发     :2026-02-15, 45d
    前端开发     :2026-03-01, 40d
    section 测试阶段
    质量保证测试       :2026-04-15, 20d

饼图标题：工作时间分配
    "用户研究" : 25
    "路线图规划" : 20
    "利益相关者会议" : 15
    "数据分析" : 20
    "文档编写" : 10
    "其他" : 10

图 TB
    子图 前端层
        A[React 应用]
        B[UI 组件库]
    结束
    
    子图 后端层
        C[API 服务器]
        D[数据库]
    结束
    
    A --> C
    C --> D

图 TD
    A[开始] --> B[处理]
    B --> C[结束]
    
    style A fill:#f9f,stroke:#333,stroke-width:4px
    style B fill:#bbf,stroke:#333,stroke-width:2px
    style C fill:#bfb,stroke:#333,stroke-width:2px

graph LR 
A[查看文档] -->|点击跳转| B[Visual Paradigm 主站] 
click A href "https://www.visual-paradigm.com" "访问 Visual Paradigm 主站"

sequenceDiagram
    participant 用户
    participant 客户端应用
    participant 认证服务器
    participant 资源服务器
    
    用户->>客户端应用：登录请求
    客户端应用->>认证服务器：授权请求
    认证服务器-->>用户：显示登录页面
    用户->>认证服务器：输入凭据
    认证服务器-->>客户端应用：返回授权码
    客户端应用->>认证服务器：请求令牌
    认证服务器-->>客户端应用：返回访问令牌
    客户端应用->>资源服务器：带令牌的 API 请求
    资源服务器-->>客户端应用：返回数据
    客户端应用-->>用户：显示数据

graph TB
    subgraph Discovery["发现阶段"]
        A[市场调研] --> B[用户访谈]
        B --> C[竞争分析]
        C --> D[问题定义]
    end
    
    subgraph Planning["规划阶段"]
        D --> E[创建路线图]
        E --> F[定义需求]
        F --> G[优先级排序待办事项]
    end
    
    subgraph Execution["执行阶段"]
        G --> H[冲刺规划]
        H --> I[开发]
        I --> J[测试与质量保证]
        J --> K[发布]
    end
    
    subgraph Feedback["反馈循环"]
        K --> L[收集指标]
        L --> M[用户反馈]
        M --> N[分析结果]
        N --> A
    end
    
    style Discovery fill:#e1f5ff,stroke:#01579b
    style Planning fill:#fff4e1,stroke:#9b7a01
    style Execution fill:#e1ffe1,stroke:#019b01
    style Feedback fill:#ffe1e1,stroke:#9b0101

graph LR
    subgraph SprintPlanning["Sprint Planning"]
        A[Review Backlog] --> B[Estimate Stories]
        B --> C[Commit to Sprint Goal]
    end
    
    subgraph DailyWork["Daily Work"]
        C --> D[Daily Standup]
        D --> E[Development]
        E --> F[Code Review]
        F --> G[Testing]
    end
    
    subgraph Review["Review & Retro"]
        G --> H[Demonstrate Work]
        H --> I[Gather Feedback]
        I --> J[Retrospective]
        J --> K[Identify Improvements]
    end
    
    K --> A
    
    style SprintPlanning fill:#cce5ff
    style DailyWork fill:#d4edda
    style Review fill:#f8d7da

graph TB
    Client[Web/移动客户端]
    
    subgraph APIGateway["API 网关"]
        GW[API 网关]
    end
    
    subgraph Services["微服务"]
        Auth[认证服务]
        User[用户服务]
        Order[订单服务]
        Payment[支付服务]
        Notification[通知服务]
    end
    
    subgraph Infrastructure["基础设施"]
        DB[(数据库)]
        Cache[(Redis 缓存)]
        Queue[消息队列]
    end
    
    Client --> GW
    GW --> Auth
    GW --> User
    GW --> Order
    Order --> Payment
    Order --> Queue
    Queue --> Notification
    
    Auth --> DB
    User --> DB
    User --> Cache
    Order --> DB
    Payment --> DB
    
    style APIGateway fill:#ffd700
    style Services fill:#87ceeb
    style Infrastructure fill:#98fb98

graph TD
    Start{新功能请求}
    
    Start -->|高影响| A{技术可行性}
    Start -->|低影响| Reject[拒绝或低优先级]
    
    A -->|可行| B{资源可用性}
    A -->|不可行| Research[研究与原型]
    
    B -->|可用| C{战略一致性}
    B -->|不可用| Backlog[加入待办列表]
    
    C -->|一致| Approve[批准纳入路线图]
    C -->|不一致| Reconsider[重新评估优先级]
    
    Research --> A
    Reconsider --> Start
    
    style Approve fill:#90ee90
    style Reject fill:#ff6b6b
    style Backlog fill:#ffd700