<p><strong>🤔 为什么造这个轮子?</strong> 大家现在应该都习惯用 ChatGPT/Claude 写代码了,但在"画图"这件事上,体验还是很割裂:</p>
- 生成的是死图: 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 交流!
</div>