Diagrammes Mermaid
3 min
Diagrammes Mermaid vous permettent de créer des diagrammes et des visualisations directement à partir de texte. Ils sont utiles pour documenter des flux de travail, des processus, des architectures et des interactions sans dépendre des images.
Syntaxe
Les diagrammes Mermaid utilisent la syntaxe standard des blocs de code délimités.
```mermaid
sequenceDiagram
A->>B: message
```Exemples
L’exemple suivant crée un diagramme de séquence qui illustre un flux de requête API.
```mermaid
sequenceDiagram
autonumber
participant C as Client
participant A as API
participant K as Cache
participant D as DB
C->>+A: GET /users/123
A->>+K: lookup user:123
alt cache hit
K-->>A: cached user
else cache miss
K-->>A: null
A->>+D: SELECT * FROM users WHERE id=123
D-->>-A: user row
A->>K: SET user:123
end
A-->>-C: 200 OK
```L’exemple suivant crée un organigramme.
```mermaid
flowchart TD
A[Start] --> B{Is config valid?}
B -->|Yes| C[Load docs]
B -->|No| D[Show error]
C --> E[Start server]
E --> F[Open browser]
D --> G[Exit]
```Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.