Mermaid support

[PaddiM8]

Taken from the website:

Mermaid lets you represent diagrams using text and code. This simplifies maintaining complex diagrams. It is a Javascript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. The main purpose of Mermaid is to help Documentation catch up with Development.

I think this would be a great feature to have in marp, any thoughts? Using this in markdown is already possible in for example Joplin. It would fit really well here, since you can do things like this:

as easily as this:

pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

[PaddiM8]

Nvm, an issue exists in marp-core

[yhatt]

Duplicate of marp-team/marp-core#139.

[yhatt]

We have many workarounds:

• Support the mermaid yhatt/marp#125 (comment)
• Marp CLI + customized engine + markdown-it-mermaid
• Use Markdown snippet that have generated in https://mermaid-js.github.io/mermaid-live-editor/

[PHHENS]

Dear Marp Next Developper,
It would be helpful to support mermaid directly in" Marp for vscode" simply with

 ...

Loading

Same thing for svgbob.
This combination could give very efficient graphical support directly into marp.
Thanks a lot

[yhatt]

@PHHENS Please read yhatt/marp#125 (comment): There are some technically problems for real-time preview support to mermaid.js and Marp team has given up it. Marp ecosystem has a useful plugin system and we leave mermaid.js support to Marp developer community.