Mermaid 是一個基於 JavaScript 的圖表繪製工具，允許使用者使用類似於 Markdown 的文字語法來創建和修改複雜的圖表。它支援多種圖表類型，能夠快速生成清晰、易於理解的視覺化圖表。

Mermaid 支援的主要圖表類型及其用途：

• Flowchart（流程圖） : 流程圖用於表示工作流程或過程中的步驟。
• Sequence Diagram（序列圖） : 序列圖用於顯示物件之間的交互作用。
• Class Diagram（類別圖） : 類別圖用於表示系統中的類別、屬性、方法以及類別之間的關係。
• State Diagram（狀態圖） : 狀態圖用於描述系統或物件在不同狀態之間的轉換。
• Entity Relationship Diagram（實體關係圖） : 實體關係圖用於表示資料庫中的實體和它們之間的關係。
• User Journey（使用者旅程） : 使用者旅程圖用於描述使用者在使用產品或服務時的體驗過程。
• Gantt（甘特圖） : 甘特圖用於展示專案排程和任務進度。
• Pie Chart（圓餅圖） : 圓餅圖用於展示數據的比例分佈。
• Quadrant Chart（象限圖） : 象限圖用於將數據點分類到四個象限中，通常用於策略分析。
• Requirement Diagram（需求圖） : 需求圖用於視覺化系統需求和它們之間的關係。
• Gitgraph (Git) Diagram（Git 圖） : Git 圖用於展示 Git 分支和合併歷史。
• C4 Diagram（C4 圖） : C4 圖是用於視覺化軟體架構的一系列圖表，包括系統內容圖、容器圖、元件圖和程式碼圖。它提供了一種結構化的方法來描述和溝通軟體系統的架構。
• Mindmaps（思維導圖） : 思維導圖用於視覺化想法和概念之間的關係，有助於組織思維和規劃。
• Timeline（時間軸） : 時間軸圖用於顯示事件按時間順序的排列，適合展示歷史事件或項目進度。
• Zenuml（序列圖的簡化版本） : Zenuml 是一種用於繪製序列圖的簡化語法，使得創建序列圖變得更加直觀和簡單。
• Sankey（桑基圖） : 桑基圖用於描述一組值到另一組值的流向，通常用於展示能量、資源或資金的流動。
• XY Chart（XY 圖表） : XY 圖表用於展示兩個變量之間的關係，適合展示趨勢、模式或異常值。