« Test diagrams » : différence entre les versions
Aller à la navigation
Aller à la recherche
mAucun résumé des modifications |
m (→Mermaid 3) |
||
| Ligne 3 : | Ligne 3 : | ||
* https://github.com/SemanticMediaWiki/Mermaid | * https://github.com/SemanticMediaWiki/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 3 == | == Mermaid 3 == | ||
Version du 21 septembre 2022 à 21:11
Quelques exemples de diagrammes avec l'extension Mermaid :
- https://mermaid-js.github.io/mermaid/#/Setup?id=configuration
- https://github.com/SemanticMediaWiki/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 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!
}}