Githuber MD supports Flow Chart, a JavaScript library that draws simple SVG flow chart diagrams from textual representation of the diagram.

Examples

Define a code language flow to the code block.

file

Text:

st=>start: User login
op=>operation: Operation
cond=>condition: Successful Yes or No?
e=>end: Into admin

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

Rendering:

st=>start: User login
op=>operation: Operation
cond=>condition: Successful Yes or No?
e=>end: Into admin

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

Screenshots

Editor

file

Notice:

  • You have to update your post to take effects. Because the JavaScript library will only be loaded in the pages contain Flow Chart. The information is stored in post meta.
Last modified: December 24, 2018

Author

Comments

Write a Reply or Comment

Your email address will not be published.