# Flow Chart

### What is a flow chart

- Used to visualize process flows, user flows, and logic flows
- Each line of syntax is expressed as relationship between nodes
- Full syntax documentation found [here](https://docs.eraser.io/docs/syntax-3)

### How to insert a new flow chart

1. Click on the "+" button or `/` shortcut on the canvas
2. Select "Diagram as Code" from the menu
3. Select "Flow Chart" from the menu

### How to edit a flow chart
_Eraser's flow charts are created and edited in code form, a concept we call Diagram-as-Code_

1. **Double-click** on the diagram to open the code editor
2. Each line of code represents a relationship between nodes
   - Try adding a new relationship with:
   
   ```
   Issue [icon: file-text] > Bug [icon: bug]
   ```
3. Click on the "Syntax Help" button or [Documentation](https://docs.eraser.io/docs/syntax-3) to learn more