使用示例

本页面展示了 VitePress Mermaid 插件的各种使用方式和效果。

示例 Flowchart (流程图)

示例 Sequence diagrams (序列图)

示例 Class diagrams (类图)

示例 State diagrams (状态图)

示例 Entity Relationship Diagrams (实体关系图)

示例 User Journey Diagram (用户旅程图)

示例 Gantt diagrams (甘特图)

示例 Pie chart diagrams (饼图)

示例 Quadrant Chart (象限图)

示例 Requirement Diagram (需求图)

示例 GitGraph Diagrams (Git 图)

示例 C4 Diagrams (C4 图表)

示例 Mindmap (思维导图)

示例 Timeline Diagram (时间轴图)

示例 Sankey diagram (桑基图)

示例 XY Chart (XY 图表)

示例 Block Diagrams Documentation (块状图文档)

示例 Packet Diagram (数据包图)

示例 Mermaid Kanban Diagram Documentation (看板图文档)

示例 Architecture Diagrams Documentation (架构图文档)

示例 Radar Diagram (雷达图)

示例 Treemap Diagram (树图)

提示：支持实时交互：

⚡ 响应式：自动适应容器宽度