If you're like me and don't like creating diagrams in apps, get to know mermaid.
Mermaid is a markup language that lets you create diagrams with just a few lines of code.
In order for the diagram to render, you can add a plugin to your IDE. So when opening a .md file, just ask it to render the markdown and the diagram will be rendered together.
If you want to render it directly on your page, just add the tag:
<script src="https://unpkg.com/mermaid@8.4.8/dist/mermaid.min.js"></script>
We should always keep the default opening of the mermaid, only what will change is graph TD; which is the style of the diagram. This style you change with your need.
Of these styles we have some that are: flowchart LR, sequenceDiagram and journey.
There are more styles, and you can check it right here at the official mermaid link, there you will have the complete documentation.
Top comments (0)