Add graph/flowchart examples #1

Merged
AllSpiceAlice merged 13 commits from develop into main 2022-10-17 16:38:34 +00:00
1 changed files with 17 additions and 6 deletions
Showing only changes of commit a1e693a1ed - Show all commits

View File

@ -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}}
```