« Test diagrams » : différence entre les versions

Aller à la navigation Aller à la recherche
mAucun résumé des modifications
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
== Diagram==
Quelques exemples de diagrammes avec l'extension Mermaid :
* https://mermaid-js.github.io/mermaid/#/Setup?id=configuration
* https://github.com/SemanticMediaWiki/Mermaid
 
 
== Mermaid 3 ==
{{#mermaid:sequenceDiagram
{{#mermaid:sequenceDiagram
participant Alice
participant Alice
Ligne 12 : Ligne 17 :
     Bob-->John: Jolly good!
     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!
    }}

Version du 21 septembre 2022 à 22:09

Quelques exemples de diagrammes avec l'extension Mermaid :


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