I use online tools to generate sequence diagrams. Recently, my colleague at work guided me about Mermaid to generate sequence diagrams. This is an awesome tool.


Mermaid has online editor Editor. However, I did not use online editor for confidentiality reasons.

I created index.html and opened in browser.

    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
      mermaid.initialize({ startOnLoad: true });
    <div class="mermaid">

        participant A
        participant B     
        A->>B:How are you?
        B-->> A: I am good
        loop test loop
            A->>B:How are you?
            B-->> A: I am good