DeepDiagram：基于 Agentic AI 的可视化平台 (集成了 React Flow, Draw.io, ECharts, Mermaid)
🤔 为什么造这个轮子？ 大家现在应该都习惯用 ChatGPT/Claude 写代码了，但在"画图"这件事上，体验还是很割裂：
- 生成的是死图： DALL-E 生成的流程图文字经常乱码，且没法二次编辑。
- Mermaid 虽好但有局限： 简单的时序图还行，一旦要画复杂的系统架构图或拓扑图，手写语法非常痛苦。
- 无法联动： 我想从一张白板草图直接变成可编辑的代码，目前市面上很少有工具能流畅跑通这个流程。
所以我开发了 DeepDiagram。
⚙️ 核心逻辑：Agentic AI (多智能体协作) 这不是一个简单的"Text-to-Image"工具，而是一个基于 LangGraph 的多 Agent 调度系统。 系统内置了一个 Intelligent Router，它会分析你的意图（或你上传的图片），然后把任务分发给最擅长的"专家 Agent"：
🧜♂️ Flowchart Agent (基于 React Flow)
- 最强功能： 生成可拖拽、可交互的节点式流程图。
- 场景： 业务逻辑流、网络拓扑图。比起 Mermaid ，React Flow 的交互体验是降维打击。
![]()
🧠 Mind Map Agent (基于 mind-elixir)
- 最强功能： 生成真正可折叠、可扩展的思维导图数据，而不是一张静态 JPG 。
- 场景： 需求梳理、头脑风暴。
![]()
✏️ Draw.io Agent (基于 Draw.io Atlas)
- 最强功能： 完美复刻 Draw.io 的专业编辑体验。
- 场景： 复杂的云架构图、UML 图。
![]()
📊 Data Chart Agent (基于 ECharts)
- 最强功能： 把 Excel/JSON 数据直接清洗并渲染成可视化图表。
![]()
🧜♀️ Mermaid Agent
- 最强功能： 兜底神器，快速生成标准时序图、甘特图。
![]()
🔥 多模态黑科技 支持**"草图转图表"**。你可以随手在纸上画个逻辑草图，或者拍一张白板照片上传，Agent 会自动识别结构，将其"数字化"为上述任意一种可编辑的代码格式。
🛠️ 技术栈
- 前端： React 19 (使用了最新的 Actions/Server Components 特性), TailwindCSS
- 编排： LangGraph (Python), ReAct 模式
- 后端： FastAPI, PostgreSQL
- 部署： 支持 Docker Compose 一键拉起
🔗 项目地址 GitHub: https://github.com/twwch/DeepDiagram
目前项目刚刚开源，功能还在快速迭代中。如果你对 Agent 开发 或者 可视化交互 感兴趣，欢迎 Star ⭐️ 关注，也欢迎提 Issue 交流！
