<h1 id="use-mermaidjs-to-create-diagrams-in-documents">Use mermaid.js to create diagrams in documents<a aria-hidden="true" class="anchor-heading icon-link" href="#use-mermaidjs-to-create-diagrams-in-documents"></a></h1>
<p>ref: <a href="https://about.gitlab.com/handbook/tools-and-tips/#using-mermaid">GitLab handbook</a></p>
<p>Mermaid is a tool that allows us to create flowcharts, graphs, diagrams, Gantt charts within Dendron, Obsidian, Github, Gitlab.</p>
<p>Helpful resources to work with Mermaid</p>
<ul>
<li>The <a href="https://mermaid-js.github.io/mermaid-live-editor">live mermaid editor</a> to check our work</li>
<li><a href="https://mermaid-js.github.io/mermaid/#/">GitHub's Mermaid documents</a></li>
<li>A <a href="https://www.rapidtables.com/web/css/css-color.html">CSS color bank</a> to add color to our charts</li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/bh953lNw4PqewrPxW3pLj">My Config Yaml</a></li>
</ul>

Use mermaid.js to create diagrams in documents

Mermaid JS

h7b-dendron

# Hey 👋

Welcome to my [digital garden](https://maggieappleton.com/garden-history).

I use this as a frictionless way to
- communicate my thoughts via blog post
- quickly reference my notes.

If you've got any questions or interesting technical problems, please reach out to
- email: `h(at)kool(dot)casa` 
- or start a [discussion in GitHub](https://github.com/h7b/h7b-dendron-netlify/discussions/1).

Huy (he/him)