diagrams

用於手繪式圖表的虛擬白板

從文字生成流程圖或序列圖等圖表，類似 Markdown 的方式

✨ 創新且開源的視覺化應用程式，可將 JSON、YAML、XML、CSV 等多種資料格式轉換為互動圖表

為美觀且可驗證的架構、工作流程、序列、資料流與生命週期圖提供代理技能——自包含的 HTML，具動畫與高品質匯出功能。

一個整合 AI 功能與 draw.io 圖表的 next.js 網頁應用程式，允許透過自然語言指令與 AI 輔助視覺化來建立、修改與增強圖表

38 種編輯圖表類型，適用於 Claude Code、Codex 與 Pi。自包含的 HTML + SVG。無陰影。無 Mermaid 雜訊。

D2 是一種現代圖表腳本語言，可將文字轉換為圖表。

從文字描述產生圖表

最小化的 JavaScript 函式庫，用於建立流程圖 ✨

從自然語言生成符合生產品質的 SVG+PNG 技術圖表。提供 7 種樣式、UML 支援，以及 AI/Agent 工作流程模式。

一個超簡單、務實的 React 圖表庫，開箱即用

只需以純文字輸入符號，即可建立美觀圖表。

HedgeDoc - 想法在此更好地成長

高度可客製化的 Vue 3 流程圖元件，支援無縫縮放與平移🔎，附加元件如小地圖🗺，以及與狀態與圖形互動的工具。

編輯、預覽與分享 mermaid 圖表/圖形。全新實作的即時編輯器。

Vue.js 的 Chart.js 包裝器

出版級 NN 架構圖示

可視化、協作並演進軟體架構，從程式碼中即時生成實時圖表

Mermaid 库的命令行工具

從文字描述生成圖表

🎛 用於建構動態、無限自訂節點式使用者介面和流程圖的 Svelte 函式庫

從 Kubernetes 資訊清單檔案、kustomization 檔案、Helm charts、helmfiles 和實際叢集狀態產生 Kubernetes 架構圖

🎯 用於建構工作流程編輯器、流程圖與圖表的 React 函式庫。由 @goodcodeus 維護。

使用 Claude Code 將複雜的程式碼庫轉化為清晰、可導覽的架構圖。

iCraft Editor - 協助您輕鬆建立優異的 3D 架構圖

一個為 Blazor 設計、完全可自訂且可擴充的通用圖表庫

在 Codex 中透過即時 MCP 控制可見的 draw.io 畫布，以進行逐步科學圖解。

在 Neovim 中繪製 ASCII 圖表

用於視覺化神經網路架構的圖表

使用原生 JavaScript 編寫的基於網頁的 ASCII 與 Unicode 圖表建構工具