Editor de gráficos Mermaid

Escreva Mermaid, veja-o desenhar-se a si próprio — escolha um modelo de diagrama (fluxograma, sequência, classe, estado, gantt, circular, cronologia, ER), edite o código-fonte Mermaid à esquerda e a pré-visualização é renderizada novamente de forma automática. Escolha um tema Predefinido / Escuro / Neutro / Floresta e depois exporte o gráfico como SVG nítido ou PNG (1x / 2x / 3x). O Mermaid é executado localmente a partir da biblioteca incluída — nada do que escreve sai da sua máquina.
Ficheiro:
Largue aqui um ficheiro Mermaid, ou clique para escolher
.mmd / .mermaid / .txt — ou cole abaixo o código-fonte Mermaid
Modelo:
Opções de renderização
Pronto. Escolha um modelo ou escreva código-fonte Mermaid.
Notas: A pré-visualização é renderizada novamente cerca de meio segundo depois de parar de escrever. Os erros de sintaxe são mostrados acima enquanto o último diagrama válido se mantém no ecrã. A exportação SVG mantém todos os detalhes vetoriais; o PNG rasteriza o tema atual a 1x / 2x / 3x com um fundo branco opcional.
Pré-visualização em direto
A pré-visualização do diagrama aparece aqui.