Markdown Flowchart Syntax

Source: Internet
Author: User
Tags linecap

From the internet for a long time about the markdown grammar articles, the opportunity is very small, most of the point is the same page https://github.com/adrai/flowchart.js
This is an open source project on GitHub, and there's only a small piece of text that works for me.

St=>Start: start|past:>http://Www.google.com[blank]e=>End:End:>http://Www.google.comop1=>Operation: My operation|pastop2=>Operation: stuff|currentsub1=>subroutine: My subroutine|invalidcond=>condition: Yesorno?|Approved:>http://Www.baidu.comc2=>condition: Good idea|rejectedio=>InputOutput:Catchsomething...| Requestst->op1 (right)Condcond (Yes, right)C2cond (no)Sub1 (left)Op1c2 (yes)Io->ec2 (no)Op2->e

Because of the wall, but also can not find any useful foreign language information, only to summarize the code inside the syntax.
The syntax of a flowchart is broadly divided into two sections, the first defining elements, and the second connecting elements
The syntax for defining the element stage is
Tag=>type:content:>url
Tag is a label that is used when connecting elements in the second paragraph
Type is the kind of the label, from the previous paragraph of the contents of the 6 type, not the following:

Start
End
Operation
Subroutine
Condition
InputOutput

Content is to be written in the box, both English and Chinese can be, but there is a need to pay special attention, that is, the type after the colon and the text must have a space , no space will be a problem.
A URL is a connection that binds to the text in the box

The syntax for connecting element stages is much simpler, connecting two elements directly with---the condition type, because he has yes and no two branches, so write a

C2 (yes)->io->e
C2 (NO)->op2->e

Such a format.
The following shows the situation

Created with Rapha?l 2.1.2 Start My Operation Yes or No? Good idea catch something ... End Stuff My subroutine Yes No Yes No

If IE doesn't display well, you can try using chrome.

Markdown Flowchart Syntax

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.