[💝 Sponsor this project on Github or ☕ Get me a coffee if you like this plugin!

Overview

This simple plugin allows you to quickly insert mermaid diagrams in your notes.

Installation

If not available in the marketplace, download the latest release and manually load it into Logseq after unzipping.

Usage

To start, simply trigger it using /Draw mermaid diagram. Then add your mermaid syntax in the code block and click Render.

Changing background colour

Same steps as above, but before clicking Render, include the colour inside the renderer, e.g.

{{renderer :mermaid_abc123, purple}}

or

{{renderer :mermaid_abc123, #000000}}

Credits

mermaid.ink

mermaid-js-converter for the idea.