Graphviz 編輯器
撰寫 DOT 程式碼，在瀏覽器中即時渲染 Graphviz 圖表。支援全部 7 種佈局引擎、語法錯誤定位、可縮放預覽、SVG 下載與 PNG 匯出。基於 WebAssembly 完全本地執行——絕不上傳。
什麼是 Graphviz 和 DOT 語言？
Graphviz 是經典的開源圖形可視化工具包。DOT 是它用來描述節點、邊和屬性的文字語言，Graphviz 會自動為描述計算出易讀的佈局。
渲染需要連網嗎？
只有首次下載佈局引擎時需要連網。此後渲染透過 WebAssembly 在瀏覽器本地完成，圖表和程式碼絕不會離開你的裝置。
支援哪些佈局引擎？
全部七種：dot（層次）、neato 和 fdp（力導向）、circo（環形）、twopi（徑向）、osage（聚類樹）、patchwork（樹圖）。在「佈局引擎」下拉選單中切換。
語法錯誤怎麼看？
當 DOT 程式碼有問題時，錯誤面板會顯示引擎報錯訊息（含解析失敗的行號），同時保留上一次有效的渲染結果。
可以匯出結果嗎？
可以。可下載向量 SVG 檔案，或匯出 2 倍解析度的 PNG 點陣圖，背景顏色跟隨目前主題。
大圖的預覽可以縮放嗎？
可以。在預覽區滾動滑鼠滾輪或使用縮放按鈕，按住拖曳可平移，點擊「適合視窗」恢復預設視圖。
有範本範例嗎？
「範例」下拉選單內建流程圖、狀態機、組織架構圖、neato 網路圖和 twopi 徑向樹五個範本，選取即載入可編輯的 DOT 程式碼。
我的 DOT 程式碼會被上傳或儲存嗎？
不會。任何資料都不會傳送到伺服器，也不會持久化儲存；編輯器只讀取目前頁面階段中輸入的內容。
能處理多大的圖？
幾百個節點的圖幾乎即時渲染。數千節點的超大圖仍然可用，但渲染耗時會相應增加。
渲染結果和命令列 Graphviz 一致嗎？
本工具內建同一套 Graphviz 函式庫（版本 16），相同輸入和選項下佈局與 SVG 輸出與本地執行 dot 命令等效。
如何使用Graphviz 編輯器
這款編輯器直接在瀏覽器中渲染 Graphviz 圖表。在左側撰寫 DOT 程式碼，右側的 SVG 預覽隨輸入即時更新——由編譯成 WebAssembly 的原生 Graphviz 函式庫驅動，圖表資料絕不離開你的電腦。
- 在原始碼編輯器中輸入或貼上 DOT 程式碼，停止輸入約 300 毫秒後預覽自動渲染。
- 切換版面引擎（dot、neato、fdp、circo、twopi、osage、patchwork）改變圖形的排布方式。
- 從「範例」下拉選單載入範本——流程圖、狀態機、組織架構圖、網路圖或放射狀樹——然後修改。
- 用滑鼠滾輪或縮放按鈕檢視大型圖表，拖曳平移，點擊「符合視窗」復位；結果可下載 SVG 或匯出 2 倍解析度 PNG。
出現語法錯誤時，錯誤面板會精確顯示 DOT 解析器停止的行號——修正那一行，預覽會立即恢復，程式碼不會遺失。
相關工具
- Mermaid 圖表編輯器 免費線上 Mermaid 圖表編輯器。用文字語法快速建立流程圖、時序圖、甘特圖、圓餅圖等 9 種圖表，即時渲染、縮放預覽，一鍵匯出 SVG 或 PNG，完全在瀏覽器本地執行。
- 程式碼演練場 線上 HTML、CSS 和 JavaScript 演練場，帶即時預覽、行號編輯器和主控台輸出。即改即測，結果可下載為單一 HTML 檔案——完全在瀏覽器中執行。
- 圖表製作器 貼上 CSV 或 TSV 資料即可建立柱狀圖、折線圖、面積圖、圓餅圖和環圈圖。即時預覽、多種配色、標題與圖例控制，並支援 2 倍 PNG 匯出——全部在瀏覽器中完成。
- 檔案雜湊校驗 本地計算校驗MD5、SHA-1、SHA-256、SHA-512檔案雜湊值
- Chmod 計算器 免費線上chmod計算器，透過核取方塊視覺化Linux檔案權限並計算chmod值。即時轉換數字(755, 644)和符號(rwxr-xr-x)表示法，支援setuid、setgid、sticky bit等特殊權限。
- ASCII碼表 完整的ASCII字元編碼參考表，包含十進位、十六進位、八進位、二進位編碼、HTML實體和字元描述。支援即時搜尋和篩選。
- Hex檔案檢視器 以十六進制轉儲格式檢視檔案內容，支援搜尋、偏移導航和虛擬滾動
- MIME類型查詢 透過副檔名即時查詢MIME類型，或反向查找副檔名。免費線上工具，收錄1000+條目。