Mermaid 是一種基於文本的圖表生成工具,它可以讓用戶透過簡單的文本描述來生成流程圖、序列圖、甘特圖等多種圖表。這種語法主要用於將複雜的圖表或數據視覺化,而不需要使用外部的圖形編輯工具。Mermaid 通常被集成在Markdown編輯器中,使得在撰寫技術文檔或報告時可以輕鬆地添加圖表。
Mermaid 的語法結構相對簡潔,下面是一些基本的圖表類型及其語法範例:
1. **流程圖** (Flowchart):
graph TD ;
A -->B ;
A -->C;
B -->D;
C-->D;
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
這個例子創建了一個簡單的流程圖,其中包括四個節點(A, B, C, D)和他們之間的連接。
2. **序列圖** (Sequence Diagram):
sequenceDiagram;
Alice-> >Bob: Hello Bob, how are you?
Bob--> >Alice: I am good, thanks!
Bob Alice Bob Alice Hello Bob, how are you? I am good, thanks!
sequenceDiagram;
Alice->>Bob: Hello Bob, how are you?
Bob-->>Alice: I am good, thanks!
這個例子展示了一個序列圖,描述了Alice和Bob之間的對話。
3. **甘特圖** (Gantt Chart):
gantt;
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2023 -01 -01 , 30 d
Another task :after a1 , 20 d
Syntax error in text mermaid version 11.9.0
gantt;
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2023-01-01, 30d
Another task :after a1 , 20d
這個例子創建了一個甘特圖,顯示了兩個任務及其時間安排。
使用Mermaid的好處是可以快速地在文檔中嵌入圖表,並且因為是文本格式,所以易於版本控制和修改。
閱讀更多