« Test diagrams » : différence entre les versions

Aller à la navigation Aller à la recherche
Ligne 7 : Ligne 7 :
== Mermaid, graph ==
== Mermaid, graph ==
{{#mermaid:graph TD
{{#mermaid:graph TD
     VIF[Square Rect] -- Link text --> B((Circle))
     A[VIF] -- Programme périodique --> B[FichierArt.txt]
    A[VIF] -- Programme périodique --> B[FichierOF.txt]   
     A --> C(Round Rect)
     A --> C(Round Rect)
     B --> D{Rhombus}
     B --> D{Rhombus}

Version du 21 septembre 2022 à 21:32

Quelques exemples de diagrammes avec l'extension Mermaid :


Mermaid, graph

{{#mermaid:graph TD

   A[VIF] -- Programme périodique --> B[FichierArt.txt]
   A[VIF] -- Programme périodique --> B[FichierOF.txt]    
   A --> C(Round Rect)
   B --> D{Rhombus}
   C --> D

}}

Mermaid, sequenceDiagram

{{#mermaid:sequenceDiagram

   VIF->>VBS: \\VIF\ascii\fichier010.txt
   VIF->>VBS: \\VIF\ascii\fichier020.txt
   VBS->>MI: Fusion
   MI->>Imprimante: Masque

}}

Mermaid, flowchart

{{#mermaid:flowchart TD A[Start] --> B{Is it?} B -->|Yes| C[OK] C --> D[Rethink] D --> B B ---->|No| E[End] }}

Mermaid, classDiagram

{{#mermaid:classDiagram

   Animal <|-- Duck
   Animal <|-- Fish
   Animal <|-- Zebra
   Animal : +int age
   Animal : +String gender
   Animal: +isMammal()
   Animal: +mate()
   class Duck{
       +String beakColor
       +swim()
       +quack()
   }
   class Fish{
       -int sizeInFeet
       -canEat()
   }
   class Zebra{
       +bool is_wild
       +run()
   }

}}

Mermaid, sequenceDiagram, 1

{{#mermaid: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 
prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good!

}}

Mermaid, sequenceDiagram, 4

{{#mermaid:sequenceDiagram

   par Alice to Bob
       Alice->>Bob: Hello guys!
   and Alice to John
       Alice->>John: Hello guys!
   end
   Bob-->>Alice: Hi Alice!
   John-->>Alice: Hi Alice!
   }}