jueves, enero 23, 2025

Graphviz: Haz diagramas con código

 Les vengo a enseñar esta herramienta bastante útil, si es que les gusta el software "suckless", es decir ese software ligero y programable, que puede trabajar con distintos entornos al igual que Latex, el cual tiene un sintaxis de escritura que puede ejecutarse despues de ser compilado.

Según Wikipedia: Graphviz (Graph Visualization) es un conjunto de herramientas de software para el diseño de diagramas definido en el lenguaje descriptivo DOT.​ Fue desarrollado por AT&T Labs​ y liberado como software libre con licencie tipo Eclipse.


Para este gráfico usé el siguiente código generado con Chatgpt:
digraph flujo {
    rankdir=TB; // Direccion del flujo: Top-Bottom (de arriba hacia abajo)
    node [shape=rectangle, style=filled, color=lightblue]; // Estilo general de los nodos

    inicio [label="Inicio"];
    entrada [label="Ingresar número"];
    decision [label="¿El número es divisible por 2?", shape=diamond, color=lightpink];
    par [label="Es par"];
    impar [label="Es impar"];
    fin [label="Fin"];

    // Conexiones entre nodos
    inicio -> entrada;
    entrada -> decision;
    decision -> par [label="Sí"];
    decision -> impar [label="No"];
    par -> fin;
    impar -> fin;
}
Lo guarde con el nombre "diagrama.dot" y lo ejecute con el comando "dot -Tpng diagrama.dot -o diagrama.png".

¿Cómo instalar Graphviz en Windows?

Te diriges a la página de descargas de su sitio oficial: https://graphviz.org/download/, haces scroll hasta abajo y en la parte de Windows descargas la versión ".zip", yo recomiendo hacer esto para evitar instalar paquetes dentro del sistema que aveces generan nuevas carpetas no deseadas. 


O también pueden descargar la versión más reciente hasta hoy 24 de enero del 2025 (12.2.1). Descarga aquí.

Una vez descargada la aplicación vas a agregar el directorio bin a tus variables de entorno del sistema. En mi caso yo extraje el documento .zip en mi directorio "D:\"

Buscas en Windows: "variables de entorno del sistema" y le das click en "Variables de entorno". Te deberá aparecer estas ventanas y allí agregas la carpeta que descargaste de Graphviz. La carpeta 

Comandos "dot"

Les recomiendo estos comandos:

Para generar un archivo ".png" de un documento "diagrama.dot":
dot -Tpng diagrama.dot -o diagrama.png

Para generar un archivo ".svg" de un documento "diagrama.dot":
 dot -Tsvg diagrama.dot -o diagrama.svg

No hay comentarios:

Publicar un comentario