Ir para o conteúdo
Totalmente local

Gerador de diagramas Mermaid

Converta uma lista indentada em definição de fluxograma, gráfico hierárquico ou mapa mental Mermaid.

Entrada
Saída

Gerador de diagramas Mermaid

Cole uma lista indentada ou com marcadores e esta ferramenta converte-a imediatamente em sintaxe de diagrama Mermaid, pronta para colar num README, página wiki, Notion ou qualquer editor com suporte a Mermaid. Cada nível de indentação torna-se uma relação pai-filho, portanto um esboço de um processo, um organograma ou uma estrutura de pastas torna-se uma definição de diagrama sem necessidade de escrever manualmente a sintaxe de nó e aresta.

Escolha primeiro o tipo de diagrama: fluxograma e gráfico hierárquico usam a sintaxe nó-e-seta do Mermaid (a diferença é apenas qual palavra-chave abre a definição), enquanto mapa mental produz o esquema aninhado e sem setas que o Mermaid usa para mapas mentais radiais. Direção (cima-para-baixo, esquerda-para-direita, baixo-para-cima, direita-para-esquerda) e estilo de conector (seta, pontilhado, espesso) aplicam-se a fluxogramas e gráficos hierárquicos. A forma do nó controla se cada item é renderizado como um retângulo, uma caixa arredondada, um losango ou um cilindro. Desative IDs gerados automaticamente para derivar o identificador de cada nó a partir do seu próprio texto em vez de uma sequência genérica n1, n2, n3 — útil quando quer ler a sintaxe bruta tão facilmente como a imagem renderizada.

A indentação pode usar tabulações, espaços ou marcadores no início (-, *, •, +) — a ferramenta mede a largura relativa de indentação em vez de assumir um tamanho de tabulação fixo, portanto listas mistas ainda aninham corretamente. Aspas, parênteses e outros caracteres que de outro modo quebrariam a sintaxe do Mermaid são automaticamente escapados nos rótulos, portanto o texto colado nunca produz saída inválida. As terminações de linha Windows (CRLF) e Unix (LF) são tratadas da mesma forma, e a contagem ao vivo sob a saída relata linhas entradas, nós e arestas produzidas e caracteres totais.

Tudo corre localmente no seu navegador — o seu esboço nunca é enviado para qualquer lugar. Copie a sintaxe gerada, descarregue-a como ficheiro .txt ou envie a saída de volta para a entrada para continuar a refinar a estrutura antes de colar num diagrama ferramenta da sua escolha.

FAQ

Qual é a diferença entre "fluxograma" e "gráfico hierárquico"?
Usam a mesma sintaxe nó-e-seta; gráfico hierárquico apenas abre a definição com a palavra-chave antiga "graph" do Mermaid em vez de "flowchart". Ambos renderizam de forma idêntica em qualquer visualizador compatível com Mermaid.
A opção de mapa mental suporta direção ou estilo de conector?
Não. Os mapas mentais do Mermaid têm disposição automática e sem setas, portanto essas duas opções afetam apenas a saída de fluxograma e gráfico hierárquico.
O que acontece aos itens da lista aninhados mais profundamente do que a profundidade máxima?
Ficam de fora do diagrama inteiramente, juntamente com tudo que está aninhado sob eles, portanto o resultado permanece legível para esboços muito profundos.
Como os caracteres especiais como aspas e parênteses são tratados?
Qualquer rótulo contendo caracteres que quebraria a sintaxe do Mermaid é automaticamente envolvido em aspas e escapado, portanto a saída sempre permanece válida.
A minha lista é carregada para algum lugar?
Não. A conversão de lista para diagrama funciona inteiramente no seu navegador — o seu esboço nunca deixa o seu dispositivo.