Mermaid

Official website: . Get Started: Docs. Live Editor: Editor API: APIs Configuration Default(mermaidAPI): Config

Mermaid allows even non-programmers to easily create detailed and diagrams through the Mermaid Live Editor.

How to use: Page.

CDN

1. <https://www.jsdelivr.com/package/npm/mermaid

<script src="https://cdn.jsdelivr.net/npm/mermaid@9.4.0/dist/mermaid.min.js"></script>

There are some other versions to choose.

Theming

Variables: https://mermaid.js.org/config/theming.html#theme-variables