UML

Rarely, I’ll find myself needing some way to render a flow chart or sequence diagram. For those times, UML with flowchart.js and sequence-diagram.js is fully supported (though the enable_uml option and superfences extension will need to be enabled in Markdown Preview’s settings). This includes full support for Marcdown’s dark mode, too!

Below is a flow chart example (example obtained from typora.io):

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op

Here is a sequence diagram example (again, example obtained from typora.io):

Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!