Gerador de Diagramas

Crie e visualize diagramas Mermaid em tempo real

graph TD A[Start] --> B[Process] B --> C{Decision} C -->|Yes| D[End] C -->|No| E[Alternative] E --> B

Dicas de Uso

  • Selecione um tipo de diagrama usando o dropdown
  • Clique nos modelos rápidos para trocar entre tipos
  • Edite o código Mermaid na esquerda para ver a visualização em tempo real
  • Use a sintaxe oficial do Mermaid para criar seus diagramas
  • Copie o código ou baixe o diagrama como PNG

Saiba mais sobre Mermaid em: mermaid.js.org