Add graph/flowchart examples #1
23
Flowchart.md
23
Flowchart.md
@ -13,30 +13,41 @@ flowchart LR;
|
||||
Flow1[Flowcharts are easy] --> Flow2[and fast];
|
||||
```
|
||||
|
||||
## Flowchart top to bottom
|
||||
### Flowchart top to bottom
|
||||
```mermaid
|
||||
flowchart TB;
|
||||
Flow1[Flowcharts are flexible] --> Flow2[and informative];
|
||||
```
|
||||
|
||||
## Flowchart bottom to top
|
||||
### Flowchart bottom to top
|
||||
```mermaid
|
||||
flowchart BT;
|
||||
Flow1[Data Acquisition Unit] --> |USB-1.1| Flow2[PC];
|
||||
```
|
||||
|
||||
## Flowchart right to left
|
||||
### Flowchart right to left
|
||||
```mermaid
|
||||
flowchart RL;
|
||||
Flow1[Flowcharts flow] --> Flow2[in any direction];
|
||||
```
|
||||
|
||||
## Directed Graph
|
||||
### Directed Graph
|
||||
```mermaid
|
||||
flowchart TB;
|
||||
Flow1[Test Computer] --> |JTAG| Flow2[Motor Controller-DUT];
|
||||
Flow1[Test Computer] --> |USB C| Flow3[Test Fixture];
|
||||
Flow3[Test Fixture] --> Flow2[Engine Controller]
|
||||
Flow2[Motor Controller-DUT] --> |Production Cable| Flow4[Production Motor]
|
||||
|
||||
Flow2[Motor Controller-DUT] --> |Production Cable| Flow4[Production Motor]
|
||||
```
|
||||
|
||||
## Shapes
|
||||
|
||||
```mermaid
|
||||
flowchart TB;
|
||||
RectRound1(rounded rectangles)
|
||||
Rect1[rectangle]
|
||||
Pill1([pill shaped])
|
||||
FancyRect1[[fancy rectangle]]
|
||||
DataBase1[(database)]
|
||||
Circle1{{circle}}
|
||||
```
|
Loading…
Reference in New Issue
Block a user