全能 AI 绘图助手，支持 ECharts AI、Draw.io AI 及 Mermaid 自动生成

🤔 为什么造这个轮子？

大家现在都习惯用 AI 辅助写代码了，但在“AI 绘图”这件事上，体验依然很割裂：

1. Mermaid 表现力有限： 画简单的时序图还行，一旦涉及复杂的系统架构图或云部署图，手写语法非常繁琐。
2. 数据可视化门槛高： 想要把 Excel 数据变成 ECharts，往往需要写大量配置代码。
3. 无法“草图转代码”： 开完会白板上的草图，很难直接变成可维护的工程代码。

为了解决这些痛点，我开发了 DeepDiagram —— 一个基于 LangGraph 的多智能体可视化生成平台。

⚙️ 核心逻辑：多智能体协作 (Multi-Agent)

这不是一个简单的 Text-to-Image 工具，系统内置了一个 **Intelligent Router (智能路由)**。 它会分析你的意图（或你上传的草图），自动调度最适合的 AI Agent 来执行任务：

🚀 核心功能模块

DeepDiagram 整合了主流的可视化标准，确保生成的不仅仅是图片，而是可编辑的代码：

1. Draw.io AI 风格 (架构图/UML)

• 痛点解决： 解决 Mermaid 画复杂架构图丑陋的问题。
• 核心特性： 基于 Draw.io Atlas ，复刻专业编辑体验，适合生成云原生架构图、UML 类图。

2. ECharts AI (数据可视化)

• 痛点解决： 不用再手写复杂的 ECharts Option 配置。
• 核心特性： 支持上传 Excel/JSON 数据，AI 自动清洗数据并渲染为专业的 ECharts 可视化图表。

3. Mermaid (时序图/甘特图)

• 痛点解决： 快速生成标准流程文档。
• 核心特性： 作为兜底支持，完美兼容标准 Mermaid 语法，适合快速生成时序图、甘特图。

4. Flowchart (React Flow)

• 核心特性： 生成可拖拽、可交互的节点式流程图，体验优于静态图片。
• 场景： 业务逻辑流、网络拓扑图。

5. Mind Map (思维导图)

• 核心特性： 基于 mind-elixir ，生成可折叠、可扩展的数据结构。

🔥 黑科技：多模态“草图转代码”

这是 DeepDiagram 最实用的功能之一。 你可以随手在纸上画个逻辑草图，或者拍一张会议室白板的照片上传，系统会自动识别结构，将其“数字化”为上述任意一种（如 React Flow 或 Draw.io ）的可编辑代码。

🛠️ 技术栈 (Tech Stack)

如果你对 Agent 开发 感兴趣，这个项目也是个很好的参考：

• 前端： React 19 (Server Components / Actions), TailwindCSS
• 编排： LangGraph (Python), ReAct 模式
• 后端： FastAPI, PostgreSQL
• 可视化库： React Flow, ECharts, mind-elixir, Draw.io Atlas
• 部署： 支持 Docker Compose 一键拉起

🔗 项目地址

目前项目处于活跃迭代中，欢迎 Star ⭐️ 关注，也欢迎提 Issue 交流！

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