Sequence diagram
Vertical lifelines + ordered horizontal messages between them.
Rendering…
Make it your own.
{
"nodes": [
{ "id":"ll1","type":"container","label":"Web","x":80,"y":40,"width":80,"height":540,"fill":"rgba(219,234,254,0.3)","stroke":"#2563eb" },
{ "id":"ll2","type":"container","label":"API","x":320,"y":40,"width":80,"height":540,"fill":"rgba(237,233,254,0.3)","stroke":"#6d28d9" },
{ "id":"ll3","type":"container","label":"Auth","x":560,"y":40,"width":80,"height":540,"fill":"rgba(254,243,199,0.3)","stroke":"#a16207" },
{ "id":"ll4","type":"container","label":"DB","x":800,"y":40,"width":80,"height":540,"fill":"rgba(254,226,226,0.3)","stroke":"#b91c1c" },
{ "id":"h1","type":"rect","label":"Web","x":80,"y":60,"fill":"#dbeafe","stroke":"#2563eb" },
{ "id":"h2","type":"rect","label":"API","x":320,"y":60,"fill":"#ede9fe","stroke":"#6d28d9" },
{ "id":"h3","type":"rect","label":"Auth","x":560,"y":60,"fill":"#fef3c7","stroke":"#a16207" },
{ "id":"h4","type":"rect","label":"DB","x":800,"y":60,"fill":"#fee2e2","stroke":"#b91c1c" },
{ "id":"a1","type":"rounded","label":"login()","x":120,"y":160,"fill":"#dbeafe","stroke":"#2563eb" },
{ "id":"a2","type":"rounded","label":"verify(token)","x":360,"y":160,"fill":"#ede9fe","stroke":"#6d28d9" },
{ "id":"a3","type":"rounded","label":"lookup(uid)","x":600,"y":260,"fill":"#fef3c7","stroke":"#a16207" },
{ "id":"a4","type":"rounded","label":"SELECT user","x":840,"y":260,"fill":"#fee2e2","stroke":"#b91c1c" },
{ "id":"a5","type":"rounded","label":"profile json","x":360,"y":380,"fill":"#ede9fe","stroke":"#6d28d9" },
{ "id":"a6","type":"rounded","label":"render","x":120,"y":480,"fill":"#dbeafe","stroke":"#2563eb" }
],
"edges": [
{ "id":"e1","source":"a1","target":"a2","label":"POST /login" },
{ "id":"e2","source":"a2","target":"a3","label":"verify" },
{ "id":"e3","source":"a3","target":"a4","label":"SQL" },
{ "id":"e4","source":"a4","target":"a3","label":"row" },
{ "id":"e5","source":"a3","target":"a5","label":"user" },
{ "id":"e6","source":"a5","target":"a6","label":"200 OK" }
]
}