Sample Mermaid diagrams, for more details SOLVED

https://docs.github.com/en/get-started/writing-on-github/working-with-advanced-formatting/creating-diagrams

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

Loading

sequenceDiagram;
participant Alice;
participant Bob;
Alice->>John: Hello John, how are you?;
loop Healthcheck;
	John->>John: Fight against hypochondria;
end;
Note right of John: Rational thoughts <br/>prevail!;
John-->>Alice: Great!;
John->>Bob: How about you?;
Bob-->>John: Jolly good!;

Loading

classDiagram
class01 <|-- AveryLongClass : Cool
class03 *-- Class04
class05 o-- Class06
class07 .. Class08
class09 --> C2 : Where am i?
class09 --* C3
class09 --|> Class07
class07 : equals()
class07 : Object[] elementData
class01 : size()
class01 : int chimp
class01 : int gorilla
class08 <--> C2: Cool label

Loading

gitGraph
commit
commit
branch develop
commit
commit
commit
checkout main
commit
commit

Loading

"change 14.1 :)"