Criando Diagramas

Básico do Mermaid

Mermaid usa texto simples para criar diagramas. Cada diagrama começa com uma declaração de tipo.

Fluxogramas

O tipo de diagrama mais comum. Perfeito para processos e fluxos de trabalho.

flowchart TD
    Inicio --> Processo --> Fim

Opções de direção:

• TD ou TB — De cima para baixo
• LR — Da esquerda para direita
• BT — De baixo para cima
• RL — Da direita para esquerda

Formas

Diferentes colchetes criam diferentes formas:

• [texto] — Retângulo
• (texto) — Retângulo arredondado
• (chaves ao redor do texto) — Diamante
• ((texto)) — Círculo

Conexões

Conecte nós com setas:

• --> — Seta
• --- — Linha sem seta
• -.->- — Seta pontilhada
• ==>> — Seta grossa

Adicionando rótulos

Adicione texto às suas conexões:

A -->|Sim| B
A -->|Não| C

Outros tipos de diagramas

MermaidSnap suporta muitos tipos de diagramas:

• Diagramas de sequência — Mostram interações entre sistemas
• Diagramas de classes — Mostram estrutura de código
• Diagramas de estado — Mostram estados e transições
• Diagramas ER — Mostram relacionamentos de banco de dados
• Gráficos Gantt — Mostram linhas do tempo de projetos
• Gráficos de pizza — Mostram proporções
• Mapas mentais — Organizam ideias