Skip to main content
All experiments
Data
Active

Excalidraw Diagrams

Auto-generated architecture diagrams using a custom Excalidraw generator. Covering system topology, data flows, and agent interactions. 61 diagrams exported as embeddable SVGs.

Diagram Catalog

61 diagrams

excalidraw_generator.py is a Python script that produces .excalidraw.md files directly from code. No manual diagramming. It supports three layout algorithms: hub-spoke (for agent/tool topology), flow (for data pipeline sequences), and grid (for comparison matrices). Each element is positioned by the layout engine and serialized as Excalidraw JSON embedded in a markdown code block.

Output files are dropped into the Obsidian vault where the Excalidraw plugin renders them natively. This means diagrams are versioned alongside the code they describe and can be edited visually in Obsidian after generation. A key constraint: elbow routing breaks when arrows are bound to nodes, so the generator exclusively uses 2-point straight connectors.

61 diagrams are embedded on this page as SVGs. Click any thumbnail for a full-screen view. They cover the agent registry, ChromaDB collection topology, n8n workflow flows, VPS service graph, and MCP server dependency tree, and were exported from the source .excalidraw.md files via excalidraw_export.

Highlights

  • Three layout algorithms: hub-spoke, flow pipeline, and grid comparison
  • Outputs .excalidraw.md files editable in Obsidian Excalidraw plugin
  • 61 embedded diagrams: agent registry, VPS services, MCP topology, n8n workflows
  • 2-point straight connectors only. Elbow routing breaks with node bindings

Stack

  • Python
  • Excalidraw JSON
  • Obsidian
  • Markdown
  • SVG