Skip to content
Weave templates

UML system boundary

Actors outside a system container; use-cases inside. Classic UML diagram.

Template previewWeave
Rendering…

Make it your own.

{
  "nodes": [
    { "id":"sys","type":"container","label":"<<system>>  Shop API","x":280,"y":40,"width":540,"height":420,"fill":"rgba(254,243,199,0.35)","stroke":"#a16207" },
    { "id":"a1","type":"actor","label":"Customer","x":40,"y":120 },
    { "id":"a2","type":"actor","label":"Admin","x":40,"y":340 },
    { "id":"u1","type":"ellipse","label":"Browse","x":340,"y":100,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"u2","type":"ellipse","label":"Add to cart","x":520,"y":100,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"u3","type":"ellipse","label":"Checkout","x":700,"y":100,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"u4","type":"ellipse","label":"Track order","x":340,"y":230,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"u5","type":"ellipse","label":"Refund","x":520,"y":230,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"u6","type":"ellipse","label":"Manage products","x":340,"y":360,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"u7","type":"ellipse","label":"View reports","x":600,"y":360,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"a3","type":"actor","label":"Payment gateway","x":900,"y":120 }
  ],
  "edges": [
    { "id":"e1","source":"a1","target":"u1" },
    { "id":"e2","source":"a1","target":"u2" },
    { "id":"e3","source":"a1","target":"u3" },
    { "id":"e4","source":"a1","target":"u4" },
    { "id":"e5","source":"a1","target":"u5" },
    { "id":"e6","source":"a2","target":"u6" },
    { "id":"e7","source":"a2","target":"u7" },
    { "id":"e8","source":"u3","target":"a3","label":"<<extends>>" }
  ]
}