Quais tipos de diagrama são suportados?

Tudo o que o Mermaid 12 suporta, incluindo fluxogramas, diagramas de sequência, classes, estados, entidade-relacionamento, Gantt, pizza, mapas mentais, linhas do tempo, Git graph, jornada e quadrantes.

Por que o PNG fica mais nítido que um print?

O PNG é gerado a partir do SVG vetorial no dobro do tamanho original, então fica nítido em telas de alta densidade e em apresentações.

Posso usar o SVG exportado no GitHub ou no Notion?

Sim. O SVG é um arquivo independente com tamanho e fundo fixos, então abre em navegadores, ferramentas de design e documentos. O GitHub e muitas wikis também conseguem renderizar o próprio código Mermaid.

Editor Mermaid — Editor de diagramas online ao vivo

Escreva código Mermaid e veja fluxogramas, diagramas de sequência, classes, estados, ER e Gantt ao vivo. Exporte SVG ou PNG. Grátis, direto no navegador.

diagram.mmd

Carregando Mermaid…

Renderizado localmente com Mermaid em modo estrito. Seu código não é enviado.

Referências de formatos

Mermaid — Diagram syntax
Mermaid — Security level

Página da ferramenta atualizada: 2026-10-23

Guia e exemplo

Ferramentas relacionadas

Referências de formatos