Código Mermaid

Pronto

Pré-visualização

Seu diagrama gerado aparecerá aqui.

Configurações

Cole qualquer sintaxe Mermaid válida, gere o diagrama e exporte como SVG.

Exemplos

Dicas

  • Use graph TD ou flowchart TD para diagramas verticais.
  • Use graph LR ou flowchart LR para diagramas horizontais.
  • Use {} para nós de decisão (losango), [] para nós retangulares.
  • Mantenha os rótulos curtos para layouts mais limpos.