Add graph/flowchart examples #1

Merged
AllSpiceAlice merged 13 commits from develop into main 2022-10-17 16:38:34 +00:00
Showing only changes of commit a1e693a1ed - Show all commits

View File

@ -13,30 +13,41 @@ flowchart LR;
Flow1[Flowcharts are easy] --> Flow2[and fast]; Flow1[Flowcharts are easy] --> Flow2[and fast];
``` ```
## Flowchart top to bottom ### Flowchart top to bottom
```mermaid ```mermaid
flowchart TB; flowchart TB;
Flow1[Flowcharts are flexible] --> Flow2[and informative]; Flow1[Flowcharts are flexible] --> Flow2[and informative];
``` ```
## Flowchart bottom to top ### Flowchart bottom to top
```mermaid ```mermaid
flowchart BT; flowchart BT;
Flow1[Data Acquisition Unit] --> |USB-1.1| Flow2[PC]; Flow1[Data Acquisition Unit] --> |USB-1.1| Flow2[PC];
``` ```
## Flowchart right to left ### Flowchart right to left
```mermaid ```mermaid
flowchart RL; flowchart RL;
Flow1[Flowcharts flow] --> Flow2[in any direction]; Flow1[Flowcharts flow] --> Flow2[in any direction];
``` ```
## Directed Graph ### Directed Graph
```mermaid ```mermaid
flowchart TB; flowchart TB;
Flow1[Test Computer] --> |JTAG| Flow2[Motor Controller-DUT]; Flow1[Test Computer] --> |JTAG| Flow2[Motor Controller-DUT];
Flow1[Test Computer] --> |USB C| Flow3[Test Fixture]; Flow1[Test Computer] --> |USB C| Flow3[Test Fixture];
Flow3[Test Fixture] --> Flow2[Engine Controller] 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}}
``` ```