« Test diagrams » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (→Mermaid, graph) |
|||
Ligne 6 : | Ligne 6 : | ||
== Mermaid, graph == | == Mermaid, graph == | ||
{{#mermaid:graph | {{#mermaid:graph TD | ||
VIF[Square Rect] -- Link text --> B((Circle)) | |||
A --> C(Round Rect) | A --> C(Round Rect) | ||
B --> D{Rhombus} | B --> D{Rhombus} |
Version du 21 septembre 2022 à 22:30
Quelques exemples de diagrammes avec l'extension Mermaid :
- https://mermaid-js.github.io/mermaid/#/Setup?id=configuration
- https://github.com/SemanticMediaWiki/Mermaid
Mermaid, graph
{{#mermaid:graph TD
VIF[Square Rect] -- Link text --> B((Circle)) 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! }}