Gerador de Diagramas Mermaid

Sim, sem conta e sem limites. Os diagramas são analisados e renderizados totalmente no seu navegador usando a biblioteca Mermaid.js.

Não. A renderização acontece totalmente no lado do cliente — a sintaxe que você digita nunca sai do seu dispositivo.

Fluxogramas, diagramas de sequência, diagramas de classe, diagramas de estado, diagramas de entidade-relacionamento, gráficos de Gantt, gráficos de pizza e vários outros tipos de diagrama — esta ferramenta renderiza qualquer sintaxe Mermaid válida, não só fluxogramas. O menu Exemplos inclui um modelo inicial pronto para cada um desses sete tipos.

O painel do diagrama mostra uma mensagem de erro em linguagem simples descrevendo o que o Mermaid não conseguiu interpretar, em vez de travar ou mostrar uma página em branco. Se você já tinha um diagrama válido renderizado, ele permanece visível abaixo do erro para você não perder o lugar — corrija a sintaxe e a pré-visualização é atualizada automaticamente.

Sim. Escolher "PNG" no menu "Baixar como" renderiza o diagrama em resolução 2x com fundo branco, independentemente do nível de zoom em que a pré-visualização estiver configurada no momento.

Muitos renderizadores (GitHub, GitLab, Notion, Obsidian e outros) renderizam blocos de código ```mermaid nativamente — nesse caso você pode colar sua sintaxe bruta diretamente em um documento Markdown sem etapa de exportação. Use a exportação SVG ou PNG desta ferramenta para renderizadores que não suportam Mermaid nativamente.