I've been working on AI Agents recently and noticed a common frustration: most AI diagramming tools generate static images (PNG/JPG). If the AI gets one detail wrong, you can't easily fix it—you have to regenerate the whole thing.

I wanted a tool that generates editable code and renders it interactively. So I built DeepDiagram.

It’s an open-source web platform that uses a Multi-Agent architecture. Instead of a single prompt trying to do everything, a Router analyzes your intent and directs it to a specialized agent (e.g., a Draw.io expert, a Data Visualization expert, or a Flowchart expert).

Demos Mind Map & Data Charts (ECharts):

Draw.io Generation (XML based):

Mermaid Diagrams:

Tech Stack Orchestration: LangGraph (Python) for the ReAct loop and state management.

Frontend: React 19, Vite, TailwindCSS, Zustand.

Backend: FastAPI (Python 3.10+).

Streaming: Uses SSE (Server-Sent Events) for real-time preview (typewriter effect).

Rendering Engines: React Flow, Apache ECharts, Mermaid.js, and Draw.io (Atlas theme).

Key Features Draw.io Agent: Generates compatible XML. You can edit the result directly in the canvas.

Data Chart Agent: Paste raw data (CSV/JSON/Text), and it visualizes it using ECharts (Bar/Line/Pie).

Branching & Time Travel: Since AI isn't perfect, I implemented a Git-like branching system. You can "retry" a message, creating a new branch, or navigate back to previous states to see the agent's thought process.

Self-Hosted: Docker Compose support included. Works great with OpenAI or DeepSeek V3 (highly recommended for cost/performance).

Links GitHub (AGPL-3.0): https://github.com/twwch/DeepDiagram

It's still in the early stages, but I'd love to hear your feedback or see your PRs!