📊
免費Mermaid 圖表編輯器
使用 Mermaid 語法編寫流程圖、時序圖、甘特圖等，並即時預覽。可匯出為 SVG 或 PNG。完全在瀏覽器中執行。
預覽
100%
開始輸入以檢檢視表…
拖曳或捲動可平移。雙指捏合或按住 Ctrl 捲動可縮放。拖曳底部邊緣可增加預覽高度。
PNG 縮放
💡 用 Mermaid 語法編寫圖表——流程圖、時序圖、甘特圖、類圖等等——並匯出為 SVG 或 PNG。一切都在你的瀏覽器中執行：圖表文字從不上傳，Mermaid 渲染引擎也由本站提供，而非第三方 CDN。
工作原理
Mermaid 讓你把圖表寫成文字並自動渲染——非常適合把圖表納入版本控制。這是一個即時編輯器，輸入時即時渲染。
- 1Mermaid引擎載入首次使用工具時，Mermaid 庫會從 LibraTool 載入，之後由瀏覽器快取。
- 2你寫圖表程式碼流程圖、序列圖、甘特圖、類圖、餅圖等——使用Mermaid的文字語法。
- 3它即時呈現你的程式碼當你輸入時被解析並呈現為SVG,在你的瀏覽器中,具有淺色和深色主題。
- 4匯出SVG或PNG將圖表下載為可縮放SVG或2×PNG以放入文件、幻燈片或README。
你的圖表程式碼——可能描述內部系統——完全在你的瀏覽器中呈現,永遠不會上傳。