Flowchart

# Flowchart

MrDoc supports drawing and inserting flowcharts in documents.

$$E=mc^2$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

## How to Draw a Flowchart

To draw a flowchart in a document, use a triple-backtick code block with the `flow` keyword. The code example is as follows:

```flow
	st=>start: User login
	op=>operation: Login operation
	cond=>condition: Login successful Yes or No?
	e=>end: Enter backend

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

The above code will be rendered as the following flowchart:

```flow
st=>start: User login
op=>operation: Login operation
cond=>condition: Login successful Yes or No?
e=>end: Enter backend

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

## Usage

### Definition of Flow Nodes

In a flowchart, there are usually the following nodes:

- Start
- Operation
- Condition
- Input/Output
- Subroutine
- Condition
- End

We can define nodes using the following syntax.

### Start Node

For detailed syntax, see:

<https://github.com/adrai/flowchart.js>