Mermaid permite criar fluxogramas, diagramas de sequência, gráficos de Gantt e outros diagramas usando texto e código. Para ver a lista completa de tipos de diagramas e a sintaxe compatíveis, consulte a documentação do Mermaid.
Exemplo de fluxograma Mermaid
```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[top] --> bottom1[bottom]
    end
    subgraph subgraph2
        direction TB
        top2[top] --> bottom2[bottom]
    end
    %% ^ Esses subgrafos são idênticos, exceto pelos links para eles:

    %% Link para subgraph1: a direção de subgraph1 é mantida
    outside --> subgraph1
    %% Link dentro de subgraph2:
    %% subgraph2 herda a direção do grafo de nível superior (LR)
    outside ---> top2
```

​
Sintaxe

Para criar um diagrama Mermaid, escreva a definição do seu diagrama dentro de um bloco de código Mermaid. 
```mermaid
// Seu código de diagrama Mermaid aqui
```