MERMAID

by whelkaholism

HTML

<script type="module">
      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
    </script>
    <pre class="mermaid">
graph TB;
  subgraph A["Centre User"]
    style A rx: 10px,ry:10px;
    CU[Browser]
  end
  subgraph B["LCL DB Server"]
    style B rx: 10px,ry:10px;
    DB[LCL DB Application]
  end
  subgraph C["Web Server"]
    style C rx: 10px,ry:10px;
    WS[E-Sub Application]
  end
  DB -- Polls web app for new submissions --> WS
  DB -- Sends current centre approved codes to web app --> WS
  WS -- Responds to polls with new submission details--> DB
  CU -- Logs on<br>Completes data entry<br>Uploads docs + photos --> WS
  </pre>

CSS

.nodeLabel {
  font-size: 13px;
}

.edgeLabel {
  font-size: 12px;
  background-color: #ffffff !important;
}