Graphviz DOT online

Graphviz DOT online, como diagrama editable.

Pega un grafo DOT y LetDraw lo convierte en formas y flechas reales que puedes mover, cambiar de estilo y compartir. Es Graphviz DOT online sin una imagen estática al final: los clusters se convierten en marcos y las etiquetas de las aristas se conservan. Funciona en tu navegador, con exportación a PNG, SVG o PDF.

deps.dot · grafo editable
backend llama lee envía carga web api database cola cdn
Paso a paso

Cómo abrir Graphviz DOT online en LetDraw

De un archivo .dot a un grafo editable y listo para compartir en un minuto, en tu navegador.

  1. Abre Generar desde código

    En LetDraw, abre Generar desde código (una función Pro) desde el menú Más o la paleta de comandos.

  2. Pega tu DOT

    Pega un graph o digraph, o carga un archivo .dot o .gv. El formato se detecta automáticamente y aparece una vista previa en vivo.

  3. Elige un diseño

    Elige de arriba abajo o de izquierda a derecha, un estilo limpio o a mano alzada, y oculta los tipos de etiqueta de arista que no necesites.

  4. Inserta y comparte

    Insértalo en el lienzo, edítalo como cualquier dibujo, comparte un enlace o expórtalo como PNG, SVG o PDF.

De DOT a diagrama

Un visor de DOT que te da un grafo editable

LetDraw lee el propio lenguaje DOT y distribuye el grafo con su propio diseño por clusters, así que el resultado está hecho de formas reales y no de una imagen renderizada. Entiende las sentencias de nodos y aristas, las cadenas como a -> b -> c, los atributos label y los bloques subgraph cluster_.

  • Los clusters se convierten en marcos, con el nombre de la etiqueta del cluster
  • Conectores inteligentes que rodean las formas en lugar de cruzarlas
  • Exporta a Mermaid o D2 cuando vuelvas a necesitar el grafo como código
Pruébalo ahora
digraph G { subgraph cluster_b { label="backend"; api -> db; } web -> api [label="calls"]; } calls web backend api db
Lo que se dibuja

Qué hacer con Graphviz DOT online

Muchas herramientas y scripts generan DOT. LetDraw convierte esa salida en un diagrama con el que la gente puede trabajar.

Grafos de dependencias

Pega el DOT que genera una herramienta de build o de paquetes y ordena el resultado hasta poder presentarlo.

Máquinas de estados

Convierte estados y transiciones escritos en DOT en un diagrama que todo el equipo puede leer y anotar.

Grafos generados

Haz que un script genere DOT para grafos de llamadas, pipelines o linaje de datos, y luego pule el diagrama a mano.

Documentos antiguos, nueva vida

Lleva los archivos .dot de una wiki antigua a un lienzo donde cualquiera puede editarlos sin herramientas extra.

Revisión en equipo

Comparte el tablero, fija comentarios en cualquier nodo y edita el grafo con otros en tiempo real.

Enseñar grafos

Escribe un grafo pequeño en DOT, ábrelo en el lienzo y dibuja encima mientras explicas.

Preguntas

Preguntas frecuentes sobre Graphviz DOT online

¿Abrir archivos DOT en LetDraw es gratis?
Generar desde código, que convierte un grafo DOT en un diagrama, está incluido en Pro. Dibujar a mano, las plantillas, las bibliotecas de formas y la exportación a PNG, SVG y PDF son gratis en el plan Free, sin tarjeta de crédito.
¿LetDraw ejecuta Graphviz?
No. LetDraw lee el texto DOT en tu navegador y usa su propio diseño, así que las posiciones de los nodos pueden diferir de un renderizado de Graphviz. A cambio, cada nodo y cada flecha es una forma editable.
¿Qué partes de DOT se admiten?
Graphs y digraphs, sentencias de nodos y aristas, cadenas de aristas, atributos label y clusters de subgraph con etiquetas. Las etiquetas HTML, los puertos de record y los ajustes de rank se ignoran, y las aristas no dirigidas se dibujan como flechas.
¿Puedo volver a exportar el grafo?
Sí. Expórtalo como PNG, SVG o PDF, comparte un enlace o una vista de solo lectura, o expórtalo como código Mermaid o D2.

Tu grafo DOT, listo para editar.

Abre LetDraw en tu navegador, pega DOT y obtén formas que puedes mover. Rápido y sin instalar nada.