#V2EX
### [程序员] 拒绝生成“死图”: DeepDiagram —— 专为开发者打造,支持导出可编辑 Draw.io XML 和 ECharts 代码
### 🛑 为什么现有的 AI 绘图工具不好用?
目前市面上大多数 Text-to-Image 工具(包括 Midjourney 或 DALL-E ),在生成技术图表时有两个致命缺陷:
1. **生成的图是“死”的:** 给你一张 JPG/PNG ,发现一个文字错了或者连线不对,没法改,只能重新抽卡。
2. **不标准:** 生成的架构图看起来很酷,但完全不符合 UML 或云架构标准,无法用于技术文档。
**DeepDiagram** 的诞生就是为了解决这个问题。它不生成像素,而是**生成代码**。
---
### 🌟 核心亮点:两大工程化绘图引擎
DeepDiagram 内置了多智能体路由,其中最受开发者欢迎的是以下两个 Agent ,它们完美复刻了专业工具的体验:
#### 1. 架构师的神器:[Draw.io](
http://Draw.io) / Atlas Agent
这是目前也是市面上少有的、能深度集成 [Draw.io](
http://Draw.io) 的 AI 实现。
* **应用场景:** 复杂的云资源拓扑图 (AWS/Azure/Aliyun)、标准 UML 类图、大型系统架构设计。
* **杀手级特性:**
+ **非图片生成:** AI 生成的是标准的 **[Draw.io](
http://Draw.io) XML 格式**。
+ **完全可编辑:** 生成后,你可以直接在画布上拖拽节点、修改连线、调整颜色,就像你自己手画的一样。
+ **专业图库:** 自动调用 [Draw.io](
http://Draw.io) 的专业图标库(如 k8s 图标、数据库图标),而不是 AI 瞎画的形状。

#### 2. 数据分析师的帮手:ECharts AI Agent
如果你被 ECharts 那成百上千行的 `option` 配置折磨过,你会爱上这个功能。
* **应用场景:** 后台运营报表、数据大屏、业务数据分析。
* **杀手级特性:**
+ **数据清洗:** 你只需要扔进去一段原始的 JSON 数据或 Excel 表格,AI 会自动分析字段含义。
+ **代码直出:** 自动生成高颜值的 ECharts 配置代码。不是截图,是**真实的渲染代码**,支持交互、缩放和筛选。

---
### 🧩 其他能力
除了上面两个核心强项,为了满足日常需求,我们还集成了:
* **Mermaid:** 快速生成简单的时序图、流程图。
* **React Flow:** 生成基于 React 的可交互节点图。
* **草图转代码:** 支持上传白板草图,自动识别结构并转换为上述格式。
---
### 🛠️ 技术实现
这是一个标准的 **Agentic Workflow** 应用,感兴趣的朋友可以参考源码:
* **编排:** LangGraph (Python)
* **前端:** React 19 + TailwindCSS
* **部署:** Docker Compose
---
### 🔗 项目地址
开源不易,如果这两个功能正好戳中了你的痛点,希望能获得你的一个 **Star** ⭐️!
**GitHub:** <
https://github.com/twwch/DeepDiagram>
V2EX
拒绝生成“死图”: DeepDiagram —— 专为开发者打造,支持导出可编辑 Draw.io XML 和 ECharts 代码 - V2EX
程序员 - @twch97780 - ### 🛑 为什么现有的 AI 绘图工具不好用?目前市面上大多数 Text-to-Image 工具(包括 Midjourney ...