Skip to content
Weave templates

UML deployment diagram

Web / app / data nodes with their artefacts and external cloud dependencies.

Template previewWeave
Rendering…

Make it your own.

{
  "nodes": [
    { "id":"web","type":"rect","label":"<<node>> Web server","x":40,"y":40,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"art1","type":"document","label":"<<artifact>>\nnext.js bundle","x":40,"y":160,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"app","type":"rect","label":"<<node>> App server","x":320,"y":40,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"art2","type":"document","label":"<<artifact>>\napi service","x":320,"y":160,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"art3","type":"document","label":"<<artifact>>\nworker","x":520,"y":160,"fill":"#ede9fe","stroke":"#6d28d9" },
    { "id":"db","type":"rect","label":"<<node>> DB server","x":760,"y":40,"fill":"#dbeafe","stroke":"#2563eb" },
    { "id":"cyl","type":"cylinder","label":"Postgres","x":760,"y":160,"fill":"#fef3c7","stroke":"#a16207" },
    { "id":"q","type":"cloud","label":"SQS","x":520,"y":280,"fill":"#e0f2fe","stroke":"#0369a1" },
    { "id":"s3","type":"cloud","label":"S3","x":40,"y":280,"fill":"#e0f2fe","stroke":"#0369a1" },
    { "id":"st","type":"callout","label":"<<TCP/IP>>","x":180,"y":40,"fill":"#fef9c3" }
  ],
  "edges": [
    { "id":"e1","source":"web","target":"app" },
    { "id":"e2","source":"app","target":"db" },
    { "id":"e3","source":"web","target":"art1" },
    { "id":"e4","source":"app","target":"art2" },
    { "id":"e5","source":"app","target":"art3" },
    { "id":"e6","source":"db","target":"cyl" },
    { "id":"e7","source":"art3","target":"q","label":"reads" },
    { "id":"e8","source":"art1","target":"s3","label":"assets" }
  ]
}