Excalidraw Diagram Generation

Generate professional hand-drawn style diagrams in Excalidraw JSON format.

Critical Rules

1. Arrow Binding (MUST follow): Arrows must bind to components bidirectionally:

   • Arrow needs startBinding and endBinding pointing to component IDs
   • Rectangle needs boundElements array listing bound arrow IDs
   • Without both, arrows won't snap to components

2. Text requires width/height: Text elements must have width and height fields, otherwise they won't render

3. Arrow labels: Place below arrow (y + 30) or above (y - 30), never overlapping components

4. Background region sizing (MUST follow): Background regions (subgraphs/phases) must fully cover all contained elements:

   • Calculate bounding box: find min/max x/y of ALL elements in the region
   • Add padding: 40px on all sides
   • Formula: width = (maxX + maxWidth) - minX + 80, height = (maxY + maxHeight) - minY + 80