config-driven-diagramslisted

# Config-Driven Architecture Diagrams ## Purpose Render professional dark-themed architecture diagrams from a declarative JSON config. No manual drawing — define lanes, nodes, arrows, and logos in JSON; the renderer produces SVG (and optionally PNG via Playwright). ## When to Use - Architecture overview diagrams (data platform, microservices, ETL flows) - Data flow diagrams with swimlanes (Bronze → Silver → Gold, etc.) - System topology with tech-specific logos and palettes - Any diagram that needs to be version-controlled and reproducible ## Architecture ``` diagram.json (config) → render-diagram.js → output.svg + output.png ↑ shared/logos/*.svg (embedded as base64) ``` ## Config Schema ```jsonc { "name": "my-architecture", // filename prefix "title": "System Architecture", // main heading "subtitle": "Team · Date", // optional subheading "width": 1600, // canvas width (px) "height": 1100, // canvas height (px) "nodeHeight": 100, // card height (default: 100) "gap": 32, // compact gap between nodes "padding": 20, // inner swimlane padding "lanes": [ // swimlanes (left to right) { "x": 20, // lane X position "width": 290, // lane width "label": "DATA SOURCES", // header text "num