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 connaître la liste complète des types de diagrammes pris en charge et leur syntaxe, consultez la documentation de Mermaid.

Mermaid flowchart example

```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[haut] --> bottom1[bas]
    end
    subgraph subgraph2
        direction TB
        top2[haut] --> bottom2[bas]
    end
    %% ^ Ces sous-graphiques sont identiques, à l'exception des liens qui pointent vers eux :

    %% Lien *vers* subgraph1 : la direction de subgraph1 est conservée
    outside --> subgraph1
    %% Lien *à l'intérieur de* subgraph2 :
    %% subgraph2 hérite de la direction du graphique principal (LR)
    outside ---> top2
```

​

Syntaxe

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

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