[FEATURE REQUEST] Add to Mermaid support to current Flowcharts and Sequence Diagrams

[jasondavis]

This Markdown app http://support.typora.io/Draw-Diagrams-With-Markdown/ shows how to create Sequence Diagrams and Flowcharts in Markdown as well as another type called Mermaid. It uses the same libraries that Boostnote uses:

• js-sequnce https://bramp.github.io/js-sequence-diagrams/
• flowchart.js http://flowchart.js.org/

The 3rd type Mernaid has a JS library they use here https://knsv.github.io/mermaid/#mermaid

The reason I request Mermaid support be added as well...

• It allows to do if else flowcharts which any use I would have for a chart like this would require me describing if else type actions to show the flow of an app.
• It also has a loop UI element to show a loop iteration in the diagram/flowchart
• It also allows to build a Gantt Chart

[AntowaKartowa]

I need to draw binary tree and mermaid would be very usefull for that reason

[GoodGoodJM]

This is why I can not cross from Atom to BoostNote. Be absolutely necessary..

[sradevski]

For what is worth, you can create various diagrams using PlantUML, #1062. I just tried it out and it is the same syntax for sequence diagrams, plus more.

Mermaid is way slicker if you ask me, but I am not sure adding another diagram renderer that supports less diagrams is reasonable. Some input from the core contributors would be nice.

[AntowaKartowa]

Inside the block you can add any of the supported diagrams by PlantUML such as Sequence, Use Case, Class, Activity, Component, State, and Object diagrams.

@sradevski Thanks. Just checked documentation for supported diagrams. Looks promising.

[tatoosh]

Please add the support for mermaid!

[rsimp]

Well one reason to go with mermaid is that it's natively supported in JS, as opposed to markdown-it-plantuml which is a js port and only seems to be supported by one developer (8 stars vs 15k). The source code is very low level and hard to parse, and the tests are incomplete, but it seems like a surprisingly complete and bug free port. Newer features will have to be manually added in though.

[IssueHuntBot]

@enyaxu has started working. Visit this issue on Issuehunt

[IssueHuntBot]

@enyaxu has submitted output. Visit this issue on Issuehunt

[IssueHuntBot]

@kazup01 has rewarded. Visit this issue on Issuehunt