---
title: Diagrammes Mermaid
slug: docs/fr/diagrammes-mermaid
createdAt: 2026-06-05T12:56:34.018Z
---

[Diagrammes Mermaid](docId\:l9rLmv24R1893CG69dX0i)  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.

````markdown
```mermaid
sequenceDiagram
    A->>B: message
```
````

## Exemples

L’exemple suivant crée un diagramme de séquence qui illustre un flux de requête API.

````markdown
```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.

````markdown
```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]
```
````