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+条目。