#flowchart

Code-driven SVG diagram library for TypeScript/Node.js. Generate publication-quality architecture diagrams, flowcharts, and neural network diagrams with just a few lines of code. Features 10 shapes, 11 arrow heads, smart auto-routing with obstacle avoidance, and multi-format export (SVG/PNG/JPG/WebP/PDF). AI agents can generate diagrams through natural language via MCP integration.

MCP server for rendering DGMO diagrams. Generate sequence diagrams, flowcharts, ER diagrams, C4 architecture, gantt charts, kanban, sitemaps, mind maps, and 30+ other chart types from concise text markup. Outputs SVG or PNG, can open diagrams in the local Diagrammo desktop app, generate shareable online.diagrammo.app URLs, and produce polished multi-section HTML reports. All rendering is local — no diagram data leaves your machine.

Enable your AI assistant to generate instant, shareable flowcharts and Sankey diagrams directly in chat.

DiagramZu turns your AI assistant into a diagramming tool. Connect the MCP server and your AI can create, update, and organize Mermaid diagrams — flowcharts, sequence, ER, mindmaps — directly in your workspace as you talk. Instead of pasting back 600 lines of explanation, your AI draws the architecture or schema and saves it to a shareable URL your team can read, comment on, embed, and present. Hosted endpoint, no install: add https://mcp.diagramzu.ai/mcp with a Bearer token, or run npx -y @diagramzu/mcp. Free to start.

CodePic MCP lets your AI agent (Cursor, Claude Desktop) create editable hand-drawn diagrams directly in CodePic — instead of static images or Mermaid text you paste manually. It returns a link that opens in the editor, where you can move shapes, edit labels, share a read-only link, and export PNG/JSON. Remote Streamable HTTP server, no local install. Tools: list_templates, create_from_template, create_diagram, get_diagram, update_diagram. Get a free API key at https://codepic.cc/settings/api-keys