Editor de gráficos Mermaid
Edite localmente e visualize fluxogramas, diagramas de sequência e outros diagramas Mermaid no modo de segurança rigorosa; baixe SVG ou PNG.
Como usar o editor de gráficos Mermaid
O código-fonte do gráfico é analisado e renderizado somente no navegador atual, sem ser enviado; o renderizador usa o modo estritamente seguro.
Insira o código-fonte do gráfico
Cole um código Mermaid de até 128 KiB e escolha um dos temas: padrão, neutro, floresta ou escuro.
Renderizar e corrigir
Clique em renderizar para visualizar a prévia isolada; os erros de sintaxe mostrarão a posição ou as informações de análise, facilitando o retorno ao código-fonte para correção.
Baixar gráfico
Depois de confirmar os rótulos e as conexões, exporte o SVG ou PNG após a limpeza de segurança.
Restrições e observações
- Compatível apenas com a sintaxe da versão do Mermaid fixada atualmente no site; recursos experimentais, sintaxes antigas e extensões de terceiros podem não ser compatíveis.
- O modo de segurança estrita limita as etiquetas HTML, os callbacks de clique, os links externos e os scripts personalizados; algumas interações avançadas não serão renderizadas.
- O código-fonte, a quantidade de instruções, os tokens léxicos, os nós encadeados, a quantidade de conexões e o conteúdo renderizado SVG têm limites de segurança; a exportação PNG também está sujeita a limitações de tamanho da tela.
Perguntas frequentes
Por que o comando click não foi executado?
A ferramenta utiliza o modo de segurança rigoroso, não executa callbacks de links nem scripts, para manter os limites de segurança da visualização local.
Qual escolher: SVG ou PNG?
SVG é mais adequado para continuar editando e ampliar sem perda; PNG é mais adequado para documentos ou plataformas sociais que não oferecem suporte a SVG.
O gráfico é salvo automaticamente?
Não. O código-fonte é mantido apenas na memória da página atual; copie ou baixe-o antes de sair.