%% generate tags start %% #diagram %% generate tags end %% #diagram/mermaid  ## Mermaid > [!info] > This doc is not the official mermaid doc. It is for my learning. I put this down because mermaid is useful in obsidian. And this website only includes the supported syntax in obsidian. Mermaid allows you to create diagram easily with declarative syntax. Many markdown editor support mermaid. The mermaid diagram will be rendered in real time. ### Live Editor Available at [mermaid.live](https://mermaid.live/) ### Gist you can use mermaid on gist.  you can also load the gist into the mermaid live editor -> [A Mermaid User-Guide for Beginners | Mermaid](https://mermaid.js.org/intro/n00b-gettingStarted.html#loading-from-gists)