大家好,最近几个月一直在折腾 AI Agent 相关的开发。
因为自己平时画架构图比较多,发现市面上的 AI 工具大多只能生成静态图,很难二次编辑。作为开发者,我希望能有一个工具:既能理解自然语言,又能生成可交互、可修改的代码级图表。
于是我写了 DeepDiagram 这个项目。
这是一个开源的 Web 工具,核心思路是不让一个 LLM 干所有事,而是采用了 多智能体 (Multi-Agent) 架构。由专门的 Agent 负责不同的领域(有的专精流程图,有的专精 ECharts 数据)。
📺 效果演示



🛠 技术实现
项目后端基于 Python/FastAPI ,前端是 React 19 。
- 核心编排:使用 LangGraph 构建。内置的 Router 会根据用户意图自动路由到最佳的 Agent 。
- 数据流:使用 SSE 实现流式传输,实时预览图表渲染过程。
- 引擎支持:集成了 React Flow, Apache ECharts, Mind-elixir, Mermaid.js 以及 Draw.io (Atlas 主题)。
✨ 目前的功能
- Draw.io 支持:可以直接生成 Draw.io 的 XML ,支持自动布局。
- Mermaid 支持:支持序列图、甘特图、类图等。
- 常规图表:流程图( React Flow )和数据图表( ECharts )。
- 分支管理:为了解决 AI 生成不准的问题,实现了类似 Git 的分支回溯功能,可以查看 AI 的思考日志并回退版本。
🔗 项目地址
代码基于 AGPL-3.0 协议开源:
👉 GitHub: https://github.com/twwch/DeepDiagram
开源不易,如果这两个功能正好戳中了你的痛点,希望能获得你的一个 Star ⭐️!
目前还是早期版本,功能还在迭代中。如果大家觉得有意思,欢迎去 GitHub 看看代码,也欢迎提 Issue 交流!