Mermaid to SVG

{
 "schema_version": 1,
 "diagram_type": "architecture",
 "meta": {
  "title": "mermaid to svg: graph of web frontend, backend worker queue "
 },
 "components": [
  {
   "id": "n1",
   "type": "backend",
   "label": "mermaid",
   "pos": [
    40,
    300
   ],
   "size": [
    150,
    60
   ]
  },
  {
   "id": "n2",
   "type": "frontend",
   "label": "svg: graph of web frontend",
   "pos": [
    260,
    300
   ],
   "size": [
    238,
    60
   ]
  },
  {
   "id": "n3",
   "type": "messagebus",
   "label": "backend worker queue",
   "pos": [
    568,
    300
   ],
   "size": [
    192,
    60
   ]
  },
  {
   "id": "n4",
   "type": "database",
   "label": "object store exported as vector svg",
   "pos": [
    830,
    300
   ],
   "size": [
    306,
    60
   ]
  }
 ],
 "connections": [
  {
   "from": "n1",
   "to": "n2"
  },
  {
   "from": "n2",
   "to": "n3"
  },
  {
   "from": "n3",
   "to": "n4"
  }
 ]
}