简洁直观的编辑体验
实时预览、语法高亮、自动补全，让图表创作更加流畅
graphviewer.app/editor
graph TD
A[开始] --> B{判断条件}
B -->|是| C[执行操作]
B -->|否| D[跳过]
C --> E[记录日志]
D --> E
E --> F[结束]
style A fill:#e1f5fe
style F fill:#c8e6c9实时预览区域
立即体验强大而灵活的功能
满足个人开发者和企业团队的各种图表需求
16+ 图表引擎
支持 Mermaid、PlantUML、Graphviz、D2、Vega 等主流图表语法，满足各种可视化需求。
隐私优先
本地 WASM 渲染引擎（Mermaid、Graphviz）完全在浏览器中运行，无需上传数据到服务器。
混合渲染架构
本地渲染快速响应，远程 Kroki 服务支持更多格式（PNG/PDF）和引擎。
多格式导出
支持 SVG、PNG（2x/4x 高清）、PDF、HTML、Markdown 等多种格式导出。
即时分享
使用 LZ-string 压缩算法生成短链接，方便分享和嵌入到文档中。
多图表工作区
本地持久化存储，支持版本历史、图表管理和工作区导入导出。
支持 16+ 图表引擎
从简单的流程图到复杂的数据可视化，一个工具全搞定
常用图表
最流行的图表引擎，覆盖大部分使用场景
Mermaid本地
PlantUML
Graphviz (DOT)本地
D2
流程图系列
专注于流程图和活动图
Flowchart.js本地
BlockDiag
ActDiag (活动图)
数据可视化
数据驱动的可视化方案
Vega
Vega-Lite
WaveDrom (波形图)
其他专业工具
特定领域的专业图表工具
Nomnoml
Ditaa
SVGBob (ASCII)
ERD (实体关系图)
💡 提示： 标注"本地"的引擎在 GitHub Pages 演示版中完全可用，无需后端服务。 完整版 Docker 部署支持全部 16+ 引擎和 PNG/PDF 导出。
选择适合你的部署方式
从免费演示到完整生产环境，灵活满足各种需求
免费体验
GitHub Pages（演示版）
当前适合快速体验和简单图表绘制
零成本快速体验核心功能，无需部署即可在浏览器中使用
- Mermaid / Graphviz / Flowchart.js
- 本地渲染，隐私安全
- 仅支持 SVG 格式
- 无远程引擎支持
完整功能
Docker（完整版）
适合团队协作和生产环境
一键部署，获得完整的 16+ 引擎支持和高级功能
- 全部 16+ 图表引擎
- SVG / PNG / PDF 全格式导出
- 可选 AI 辅助功能
- 完整的数据持久化
演示版（GitHub Pages）功能限制说明
| 功能对比 | 演示版（当前） | Docker 完整版 |
|---|---|---|
| 支持引擎 | 3 个（Mermaid, Graphviz, Flowchart.js） | 16+ 个（包括 PlantUML, D2, Vega 等） |
| 导出格式 | 仅 SVG | SVG, PNG (2x/4x), PDF, HTML, Markdown |
| AI 功能 | 不支持 | 可选配置，支持代码分析和生成 |
| 部署方式 | GitHub Pages 静态托管 | Docker, Vercel, Netlify, 自建服务器 |
💡 提示： 演示版使用本地 WASM 渲染引擎，数据完全在浏览器中处理，保护隐私安全。如需完整功能，建议部署 Docker 完整版。