Skip to Content

Mermaid - Helping tool to create diagrams and visualizations

Posted on

Mermaid is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Github supports mermaid, just use this syntax:



We can create diagram: flowchart, sequence diagram, class diagram, ….


  participant Alice
  participant Bob
  Alice->>John: Hello John, how are you?
  loop Healthcheck
      John->>John: Fight against hypochondria
  Note right of John: Rational thoughts <br/>prevail!
  John-->>Alice: Great!
  John->>Bob: How about you?
  Bob-->>John: Jolly good!

Mermaid helps us to generate diagram:

comments powered by Disqus