DeepDiagram:基于 Agentic AI 的可视化平台 (集成了 React Flow, Draw.io, ECharts, Mermaid)


                                                                                                                                                <p><strong>🤔 为什么造这个轮子?</strong> 大家现在应该都习惯用 ChatGPT/Claude 写代码了,但在"画图"这件事上,体验还是很割裂:</p> 
  1. 生成的是死图: DALL-E 生成的流程图文字经常乱码,且没法二次编辑。
  2. Mermaid 虽好但有局限: 简单的时序图还行,一旦要画复杂的系统架构图或拓扑图,手写语法非常痛苦。
  3. 无法联动: 我想从一张白板草图直接变成可编辑的代码,目前市面上很少有工具能流畅跑通这个流程。

所以我开发了 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>



Source link

未经允许不得转载:紫竹林-程序员中文网 » DeepDiagram:基于 Agentic AI 的可视化平台 (集成了 React Flow, Draw.io, ECharts, Mermaid)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
关于我们 免责申明 意见反馈 隐私政策
程序员中文网:公益在线网站,帮助学习者快速成长!
关注微信 技术交流
推荐文章
每天精选资源文章推送
推荐文章
随时随地碎片化学习
推荐文章
发现有趣的