« Test diagrams » : différence entre les versions

Aller à la navigation Aller à la recherche
Ligne 11 : Ligne 11 :
D --> B
D --> B
B ---->|No| E[End]
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()
    }
}}
}}



Version du 21 septembre 2022 à 21:13

Quelques exemples de diagrammes avec l'extension Mermaid :


Mermaid 1

{{#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 3

{{#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 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!
   }}