示例

¥Examples

此页面包含一系列可以通过 mermaid 及其无数应用创建的图表示例。

¥This page contains a collection of examples of diagrams and charts that can be created through mermaid and its myriad applications.

如果你想了解如何在你的网页上支持 Mermaid，请阅读 初学者指南。

¥If you wish to learn how to support mermaid on your webpage, read the Beginner's Guide.

如果你想了解 mermaid 的语法，请阅读 图语法 部分。

¥If you wish to learn about mermaid's syntax, Read the Diagram Syntax section.

基本饼图

¥Basic Pie Chart

基本序列图

¥Basic sequence diagram

基本流程图

¥Basic flowchart

带有一些样式的更大流程图

¥Larger flowchart with some styling

序列图：循环、alt 和 opt

¥SequenceDiagram: Loops, alt and opt

序列图：循环中给自己的消息

¥SequenceDiagram: Message to self in loop

序列图：博客应用服务通信

¥Sequence Diagram: Blogging app service communication

提交流程图。

¥A commit flow diagram.