[开源] 懒人神器：自动生成可编辑的 ECharts 配置和 Mermaid 源码

大家好，我是 DeepDiagram 的作者。

作为一个经常需要做数据后台和写技术文档的开发者，我有两个痛点：

1. ECharts 配置太繁琐：每次写图表都要去查文档，拼凑巨大的 option JSON 对象，很费时间。
2. 画时序图/类图很累：手绘图很难维护，用 Mermaid 写代码虽然好，但复杂的逻辑转换成文本语法也很烧脑。

虽然现在的 AI 绘图工具很多，但大多生成的是静态图片（ PNG ），放到项目里没法交互，也不能二次修改代码。

于是我开发了 DeepDiagram，一个基于多智能体（ Multi-Agent ）的开源可视化工具。

在线体验地址： http://121.4.104.214:81/ (注：Demo 部署在低配服务器，首次加载可能稍慢)

核心亮点：不仅是画图，更是生成代码

DeepDiagram 的核心逻辑是生成可编辑的代码，而非仅仅是像素。

1. ECharts 智能体：扔进数据，吐出图表

这是我最常用的功能。你可以直接把一堆混乱的 JSON 数据、CSV 文本，甚至是一段文字描述扔给它。

• 自动清洗数据：Agent 会自动提取关键数据字段。
• 生成 Option 配置：它会生成标准的 ECharts option 对象代码。
• 即时渲染：右侧画布实时渲染出交互式图表（支持柱状、折线、饼图、雷达图等）。
• 开发者友好：觉得颜色不好看？想要调整图例？直接让它改代码，或者把生成的配置复制到你自己的前端项目里用。

2. ♀ Mermaid 智能体：文档神器

写技术文档必备。支持序列图、甘特图、类图、状态图。

• 复杂逻辑可视化：把一段复杂的业务逻辑描述发给它，自动转译成 Mermaid 语法。
• 原生渲染：集成了 mermaid.js，支持缩放、平移。
• SVG 导出：生成的图表是矢量图，无限放大不失真，非常适合插入到 Markdown 文档或 PPT 中。

其他强大的 Agent

除了上面两个，DeepDiagram 还支持：

• Draw.io 智能体：生成兼容 Draw.io 的 XML 文件，支持自动布局。这是市面上少有的能直接生成 Draw.io 源文件的 AI 工具。
• 思维导图智能体：基于 mind-elixir，支持节点即时编辑。

技术栈与实现

项目完全开源，欢迎大家研究或二次开发：

• 前端：React 19 + Vite + TailwindCSS + Zustand
• 后端：FastAPI + LangGraph (Python)
• 架构：采用 ReAct 模式的 Router 分发机制，根据你的意图自动选择最合适的绘图引擎。
• 体验：使用 SSE (Server-Sent Events) 实现流式输出。

项目地址

代码基于 AGPL-3.0 协议开源，支持 Docker 一键私有化部署。

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

目前项目还在快速迭代中，欢迎大家试用！如果这个工具能帮你省下查 ECharts 文档的时间，求一个 Star 支持！