Mermaid

Afficher des diagrammes avec Mermaid

Mermaid vous permet de créer des organigrammes, des diagrammes de séquence, des diagrammes de Gantt et d’autres diagrammes à partir de texte et de code.

Pour obtenir la liste complète des types de diagrammes pris en charge et de leur syntaxe, consultez la documentation Mermaid.

Exemple de diagramme de flux Mermaid

```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[top] --> bottom1[bottom]
    end
    subgraph subgraph2
        direction TB
        top2[top] --> bottom2[bottom]
    end
    %% ^ Ces sous-graphes sont identiques, à l’exception des liens qui y mènent :

    %% Lien vers subgraph1 : l’orientation de subgraph1 est conservée
    outside --> subgraph1
    %% Lien au sein de subgraph2 :
    %% subgraph2 hérite de l’orientation du graphe de niveau supérieur (LR)
    outside ---> top2
```

​

Syntaxe

Pour créer un diagramme Mermaid, écrivez la définition de votre diagramme dans un bloc de code Mermaid.

```mermaid
// Votre code de diagramme Mermaid ici
```