Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development.
![](https://itbackyard.com/wp-content/uploads/2022/07/header-1024x435.png)
Let’s take an example, if you copy the following snippet in your GitHub repo with Readme.md or any markdown page, it will be rendered as shown in the image below:
```mermaid
flowchart TD;
A[Start]-->B{Are you happy?};
B -- Yes --> C[Yes];
B -- No --> D[No];
C ----> E[Enjoy your day];
D ----> F[Try again];
F --> B
```
![](https://itbackyard.com/wp-content/uploads/2022/07/image.png)
That is it.
Conclusion
As you can see by typing a few lines of code you get to generate a visual flowchart automatically.
To learn more about Mermaid open source library and more examples you can visit the GitHub repository: GitHub – mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown
Enjoy 😃.