mermaid sequence diagram

A simple sequence diagram example with mermaid library. This example was got from https://github.com/mermaid-js/mermaid

by jrpereirajr

HTML

<script src="https://cdn.jsdelivr.net/gh/knsv/mermaid@8.13.2/dist/mermaid.js"></script>
<div class="mermaid">
  sequenceDiagram
  Alice->>John: Hello John, how are you?
  loop Healthcheck
  John->>John: Fight against hypochondria
  end
  Note right of John: Rational thoughts!
  John-->>Alice: Great!
  John->>Bob: How about you?
  Bob-->>John: Jolly good!
</div>

JavaScript

// example got from https://github.com/mermaid-js/mermaid
mermaid.initialize({
  startOnLoad: true,
  theme: 'forest'
});