我写了一个基于 Multi-Agent 的 AI 可视化平台，一句话生成 Draw.io/流程图/ECharts (React 19 + LangGraph)

大家好，最近几个月一直在折腾 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 主题)。

✨ 目前的功能

1. Draw.io 支持：可以直接生成 Draw.io 的 XML ，支持自动布局。
2. Mermaid 支持：支持序列图、甘特图、类图等。
3. 常规图表：流程图（ React Flow ）和数据图表（ ECharts ）。
4. 分支管理：为了解决 AI 生成不准的问题，实现了类似 Git 的分支回溯功能，可以查看 AI 的思考日志并回退版本。

🔗 项目地址

代码基于 AGPL-3.0 协议开源：

👉 GitHub: https://github.com/twwch/DeepDiagram

开源不易，如果这两个功能正好戳中了你的痛点，希望能获得你的一个 Star ⭐️！

目前还是早期版本，功能还在迭代中。如果大家觉得有意思，欢迎去 GitHub 看看代码，也欢迎提 Issue 交流！