Mermaid 图表

什么是 Mermaid 图表？

Mermaid 是一种广泛使用的基于文本的图表语言。你无需在画布上拖拽方框和连线， 只需用纯文本描述图表，TorlyAI 便会将其渲染为精致的 SVG 图形。当可视化讲解比单纯文字 更清晰时，你的 AI 智能体会自动使用它。

支持的图表类型

图表详解

流程图（Flowcharts）

展示分步流程、决策树或工作流路径。非常适合用来梳理你的业务运营或客户旅程。

graph TD
  A[Idea Discovery] --> B{Viable?}
  B -->|Yes| C[Write Business Plan]
  B -->|No| D[Refine Idea]
  D --> A
  C --> E[Submit for Endorsement]

流程图支持多种方向（自上而下、从左到右、自下而上、从右到左）、用于分组相关步骤的子图， 以及丰富的节点形状，包括矩形、菱形（决策）、圆形、体育场形、六边形和圆柱体。

时序图（Sequence Diagrams）

说明不同各方随时间推移如何交互。非常适合展示你的产品如何处理用户请求， 或你的企业如何与合作伙伴互动。

sequenceDiagram
  Founder->>TorlyAI: Upload business idea
  TorlyAI->>Harry: Start discovery session
  Harry->>Founder: Ask clarifying questions
  Founder->>Harry: Provide answers
  Harry->>Hermione: Hand off for research
  Hermione->>TorlyAI: Return market analysis

类图（Class Diagrams）

展示你的商业模式中不同概念之间的结构与关系。适合用来呈现产品、服务、客户细分 和收入来源之间如何相互关联。

classDiagram
  class Product {
    +name: string
    +pricing: PricingTier
    +launch(): void
  }
  class Customer {
    +segment: string
    +needs: string[]
  }
  Product --> Customer : serves

ER（实体-关系）图

梳理数据关系 —— 客户与订单、产品与供应商，或任何结构化业务数据之间的关系。 在向背书机构描述你的技术平台时尤其有用。

erDiagram
  CUSTOMER ||--o{ ORDER : places
  ORDER ||--|{ LINE_ITEM : contains
  PRODUCT ||--o{ LINE_ITEM : appears_in

状态图（State Diagrams）

展示某事物随时间推移如何在不同状态之间转换 —— 例如订单生命周期、申请状态， 或商业计划书的审查阶段。

stateDiagram-v2
  [*] --> Draft
  Draft --> InReview : Submit
  InReview --> Approved : Pass
  InReview --> Draft : Revisions needed
  Approved --> [*]

图表在聊天中如何呈现

当智能体生成图表时，它会作为内联 SVG 自动渲染在你的对话中。你可以：

• 直接查看渲染后的图表，就在聊天消息中
• 查看源代码，展开图表的代码块即可
• 复制 SVG，用于你的商业计划书文档或演示文稿

图表会依据你当前的主题（浅色或深色模式）进行适配，使用 TorlyAI 的配色系统， 因此它们始终精致美观，并与你工作区的其余部分保持一致。

智能体何时使用图表

当图表能够增添清晰度时，你的 AI 智能体便会生成图表：

你也可以随时让任何智能体创建图表 —— 只需在消息中描述你想要可视化的内容即可。

小贴士