Editor Graphviz
Escribe código DOT y renderiza diagramas Graphviz en vivo en tu navegador. Los 7 motores de diseño, líneas de error de sintaxis, vista previa con zoom, descarga SVG y exportación PNG. Totalmente local con WebAssembly, sin subidas.
¿Qué es Graphviz y el lenguaje DOT?
Graphviz es un kit clásico de visualización de grafos de código abierto. DOT es su lenguaje de texto para describir nodos, aristas y atributos, y Graphviz calcula automáticamente un diseño legible.
¿Necesito internet para renderizar?
Solo para la descarga inicial única del motor de diseño. Después, el renderizado se ejecuta localmente en tu navegador vía WebAssembly, así que tus diagramas y código nunca salen de tu dispositivo.
¿Qué motores de diseño están soportados?
Los siete: dot (jerárquico), neato y fdp (de fuerzas), circo (circular), twopi (radial), osage (árbol de clústeres) y patchwork (treemap). Cámbialos en el desplegable Diseño.
¿Cómo veo qué significa un error de sintaxis?
Cuando el código DOT tiene un problema, un panel de error muestra el mensaje del motor con el número de línea donde falló el análisis, y permanece visible el último render válido.
¿Puedo exportar el resultado?
Sí. Descarga el archivo vectorial SVG nítido o exporta un PNG a resolución 2x con un fondo acorde al tema actual.
¿La vista previa hace zoom para grafos grandes?
Sí. Usa la rueda del ratón sobre la vista previa o los botones de zoom, arrastra para desplazar y pulsa Ajustar para restablecer.
¿Hay ejemplos de partida?
El desplegable Ejemplos incluye un diagrama de flujo, una máquina de estados, un organigrama, una red neato y un árbol radial twopi, cada uno con código DOT listo para editar.
¿Mi código DOT se sube o se guarda?
No. No se envía nada a ningún servidor ni se guarda nada; el editor solo lee lo que escribes en la sesión actual de la página.
¿Qué tamaño de grafo admite?
Los grafos de unos cientos de nodos se renderizan casi al instante. Los muy grandes (miles de nodos) también funcionan pero tardan proporcionalmente más.
¿Coincide con el Graphviz de línea de comandos?
Incluye las mismas bibliotecas de Graphviz (versión 16), por lo que los diseños y el SVG son equivalentes a ejecutar el comando dot localmente con la misma entrada y opciones.
Cómo usar Editor Graphviz
Este editor renderiza diagramas de Graphviz directamente en tu navegador. Escribe código DOT a la izquierda y observa cómo la vista previa SVG se actualiza mientras escribes — impulsado por las bibliotecas reales de Graphviz compiladas a WebAssembly, así que tus grafos nunca salen de tu ordenador.
- Escribe o pega código DOT en el editor fuente. La vista previa se renderiza automáticamente unos 300 ms después de dejar de escribir.
- Cambia el motor de diseño (dot, neato, fdp, circo, twopi, osage, patchwork) para alterar cómo se distribuye el grafo.
- Carga una plantilla inicial desde el desplegable de Ejemplos — diagrama de flujo, máquina de estados, organigrama, red o árbol radial — y edítala.
- Usa la rueda del ratón o los botones de zoom para examinar grafos grandes, arrastra para desplazarte y pulsa Ajustar para restablecer. Descarga el resultado como SVG o exporta un PNG al 2x.
Si aparece un error de sintaxis, el panel de errores muestra la línea exacta donde se detuvo el analizador DOT: corrige esa línea y la vista previa se recupera al instante sin perder tu código.
Herramientas relacionadas
- Editor Mermaid Crea diagramas de flujo, secuencia, Gantt y más a partir de texto con el editor Mermaid. Renderiza, haz zoom y exporta SVG o PNG en tu navegador.
- Laboratorio de Código Laboratorio online de HTML, CSS y JavaScript con vista previa en vivo, editor con números de línea y consola capturada. Prueba fragmentos al instante y descarga el resultado como un archivo HTML - todo en tu navegador.
- Creador de Gráficos Crea gráficos de barras, líneas, área, circular y dona a partir de datos CSV o TSV pegados. Vista previa en vivo, paletas de colores, controles de título y leyenda más exportación PNG 2x, todo en tu navegador.
- Verificador de Hash Calcule y verifique hashes MD5, SHA-1, SHA-256, SHA-512 localmente
- Calculadora Chmod Calculadora chmod online gratuita para visualizar y calcular permisos de archivos Linux con casillas. Convierte instantáneamente entre notación numérica (755, 644) y simbólica (rwxr-xr-x). Soporta permisos especiales como setuid, setgid, sticky bit.
- Tabla ASCII Referencia completa de codificación de caracteres ASCII con códigos decimales, hexadecimales, octales, binarios, entidades HTML y descripciones. Búsqueda y filtro instantáneos.
- Visor Hexadecimal Vea el contenido de archivos en formato hexadecimal con búsqueda, navegación por desplazamiento y desplazamiento virtual
- Consulta de Tipos MIME Encuentra tipos MIME por extensión de archivo o busca extensiones por tipo MIME. Referencia en línea gratuita con más de 1000 entradas.