Skip to content

Creating Diagrams with Mermaid

Jump to bottom
Joe Orr edited this page Mar 25, 2018 · 13 revisions

Leo Vue makes it possible to create and display a Mermaid diagram using the Leo Outlining Editor.

Create a Leo document/outline, add Mermaid markup to the content of an item, using the <mermaid> tag:



Open the created .leo file, your diagram will be displayed in the content area:

You can also create flowchart directly from a Leo subtree (outline portion) without using Mermaid markup. Flowcharts created in this manner are clickable, the note displayed on click will be the node content. The following video shows this process: Mermaid diagrams with Leo Vue
Clone this wiki locally