UML deployment diagram
Web / app / data nodes with their artefacts and external cloud dependencies.
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" }
]
}