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

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

I created index.html and opened in browser.


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

      sequenceDiagram
        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
        end
    </div>
  </body>
</html>