DOT浏览器 SVG依赖图

Graphviz DOT Preview

编写 DOT 语法，并把依赖图、状态图和有向图预览成 SVG。

示例

DOT 源码

Graphviz 预览就绪

你的 Graphviz 图会显示在这里。

使用方法

1把 DOT 语法粘贴到编辑器。
2用示例快速创建有向图或依赖图。
3图表就绪后导出 SVG。

常见场景

依赖关系编译图状态转换

相关工具

AI 图表生成器

用自然语言提示词生成 Mermaid 图表。

Mermaid AI 修复器

用 AI 修复 Mermaid 语法并提升图表可读性。

架构图生成器

用 AI 从产品或系统说明生成 Mermaid 架构图。

常见问题

Graphviz 在浏览器中运行吗？

是的，该页面会动态加载基于 WebAssembly 的 Viz renderer。

可以导出图表吗？

渲染后的 SVG 可以下载，也可以通过工具栏转换成 PNG。

Graphviz DOT Preview 让开发者快速把 DOT 源码转换成可视化图表，适合依赖结构、有向流程、状态机和生成式图输出。

渲染器只在 Graphviz 工具页加载，并在浏览器端返回 SVG。这样首页保持轻量，工具页又能提供真实 DOT 渲染。

适合检查构建图、包关系、状态转换和更容易用文本维护的架构草图。