Editor Graphviz
Escreva código DOT e renderize diagramas Graphviz ao vivo no navegador. Todos os 7 motores de layout, linhas de erro de sintaxe, pré-visualização com zoom, download SVG e exportação PNG. Totalmente local com WebAssembly, sem envio.
O que é Graphviz e a linguagem DOT?
Graphviz é um kit clássico de visualização de grafos de código aberto. DOT é a sua linguagem textual para descrever nós, arestas e atributos, e o Graphviz calcula automaticamente um layout legível.
Preciso de internet para renderizar?
Apenas para o download inicial único do motor de layout. Depois disso, a renderização roda localmente no navegador via WebAssembly, então seus diagramas e código nunca saem do dispositivo.
Quais motores de layout são suportados?
Todos os sete: dot (hierárquico), neato e fdp (força-dirigidos), circo (circular), twopi (radial), osage (árvore de clusters) e patchwork (treemap). Troque no menu suspenso Layout.
Como vejo o que significa um erro de sintaxe?
Quando o código DOT tem um problema, um painel de erro mostra a mensagem do motor com o número da linha em que a análise falhou, e a última renderização válida permanece visível.
Posso exportar o resultado?
Sim. Baixe o arquivo vetorial SVG nítido ou exporte um PNG em resolução 2x com fundo coerente com o tema atual.
A pré-visualização dá zoom em grafos grandes?
Sim. Use a roda do mouse sobre a pré-visualização ou os botões de zoom, arraste para mover e pressione Ajustar para redefinir a vista.
Há exemplos iniciais?
O menu Exemplos inclui um fluxograma, uma máquina de estados, um organograma, uma rede neato e uma árvore radial twopi — cada um carrega código DOT pronto para editar.
Meu código DOT é enviado ou armazenado?
Não. Nada é enviado a servidores e nada é persistido; o editor lê apenas o que você digita na sessão atual da página.
Qual tamanho de grafo ele aguenta?
Grafos com algumas centenas de nós renderizam quase instantaneamente. Grafos muito grandes (milhares de nós) funcionam, mas a renderização leva proporcionalmente mais tempo.
O resultado é igual ao Graphviz de linha de comando?
Ele embute as mesmas bibliotecas do Graphviz (versão 16), então os layouts e o SVG são equivalentes a executar o comando dot localmente com a mesma entrada e opções.
Como usar Editor Graphviz
Este editor renderiza diagramas do Graphviz diretamente no seu navegador. Escreva código DOT à esquerda e veja a prévia SVG atualizar enquanto digita — movido pelas bibliotecas reais do Graphviz compiladas para WebAssembly, então seus grafos nunca saem do seu computador.
- Digite ou cole código DOT no editor de código-fonte. A prévia é renderizada automaticamente cerca de 300 ms depois que você para de digitar.
- Troque o motor de layout (dot, neato, fdp, circo, twopi, osage, patchwork) para mudar como o grafo é disposto.
- Carregue um modelo inicial no menu suspenso de Exemplos — fluxograma, máquina de estados, organograma, rede ou árvore radial — e edite-o.
- Use a roda do mouse ou os botões de zoom para examinar grafos grandes, arraste para deslocar e pressione Ajustar para redefinir. Baixe o resultado como SVG ou exporte um PNG 2x.
Se aparecer um erro de sintaxe, o painel de erros mostra a linha exata onde o analisador DOT parou — corrija aquela linha e a prévia se recupera instantaneamente sem perder o seu código.
Ferramentas relacionadas
- Editor Mermaid Crie fluxogramas, diagramas de sequência, Gantt e mais a partir de texto com o editor Mermaid. Renderize, dê zoom e exporte SVG ou PNG no seu navegador.
- Laboratório de Código Playground online de HTML, CSS e JavaScript com pré-visualização ao vivo, editor com números de linha e console capturado. Teste trechos na hora e baixe o resultado como um arquivo HTML - tudo no navegador.
- Criador de Gráficos Crie gráficos de barras, linhas, área, pizza e rosca a partir de dados CSV ou TSV colados. Pré-visualização ao vivo, paletas de cores, controles de título e legenda mais exportação PNG 2x - tudo no navegador.
- Verificador de Hash Calcule e verifique hashes MD5, SHA-1, SHA-256, SHA-512 localmente
- Calculadora Chmod Calculadora chmod online gratuita para visualizar e calcular permissões de arquivo Linux com caixas de seleção. Converta instantaneamente entre notação numérica (755, 644) e simbólica (rwxr-xr-x). Suporta permissões especiais como setuid, setgid, sticky bit.
- Tabela ASCII Referência completa de codificação de caracteres ASCII com códigos decimais, hexadecimais, octais, binários, entidades HTML e descrições. Pesquisa e filtro instantâneos.
- Visualizador Hexadecimal Visualize o conteúdo de arquivos em formato hexadecimal com busca, navegação por deslocamento e rolagem virtual
- Consulta de Tipos MIME Encontre tipos MIME por extensão de arquivo ou busque extensões por tipo MIME. Referência online gratuita com mais de 1000 entradas.