Mermaid Diagram Editor & Converter

{
 "schema_version": 1,
 "diagram_type": "architecture",
 "meta": {
  "title": "mermaid editor: user edits flowchart text, preview renderer "
 },
 "components": [
  {
   "id": "n1",
   "type": "external",
   "label": "mermaid editor: user edits flowchart tex",
   "pos": [
    40,
    300
   ],
   "size": [
    340,
    60
   ]
  },
  {
   "id": "n2",
   "type": "backend",
   "label": "preview renderer shows diagram",
   "pos": [
    450,
    300
   ],
   "size": [
    268,
    60
   ]
  },
  {
   "id": "n3",
   "type": "backend",
   "label": "export step writes png or html",
   "pos": [
    788,
    300
   ],
   "size": [
    268,
    60
   ]
  }
 ],
 "connections": [
  {
   "from": "n1",
   "to": "n2"
  },
  {
   "from": "n2",
   "to": "n3"
  }
 ]
}