拒绝生成“死图”： DeepDiagram —— 专为开发者打造，支持导出可编辑 Draw.io XML 和 ECharts 代码

[twch97780]

🛑 为什么现有的 AI 绘图工具不好用？

目前市面上大多数 Text-to-Image 工具（包括 Midjourney 或 DALL-E ），在生成技术图表时有两个致命缺陷：

1. 生成的图是“死”的： 给你一张 JPG/PNG ，发现一个文字错了或者连线不对，没法改，只能重新抽卡。
2. 不标准： 生成的架构图看起来很酷，但完全不符合 UML 或云架构标准，无法用于技术文档。

DeepDiagram 的诞生就是为了解决这个问题。它不生成像素，而是生成代码。

---

🌟 核心亮点：两大工程化绘图引擎

DeepDiagram 内置了多智能体路由，其中最受开发者欢迎的是以下两个 Agent ，它们完美复刻了专业工具的体验：

1. 架构师的神器：Draw.io / Atlas Agent

这是目前也是市面上少有的、能深度集成 Draw.io 的 AI 实现。

• 应用场景： 复杂的云资源拓扑图 (AWS/Azure/Aliyun)、标准 UML 类图、大型系统架构设计。
• 杀手级特性：
  • 非图片生成： AI 生成的是标准的 Draw.io XML 格式。
  • 完全可编辑： 生成后，你可以直接在画布上拖拽节点、修改连线、调整颜色，就像你自己手画的一样。
  • 专业图库： 自动调用 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

[erguotou521]

先收藏