Software y sistemas

Herramienta para convertir código JavaScript a diagrama de flujo

He descubierto una herramienta que viene de maravilla para convertir código fuente a un diagrama de flujo, sin esfuerzo; únicamente se pone el código fuente y automáticamente se crea el diagrama de flujo.

Eso sí, el código que soporta es únicamente JavaScript (uno de mis lenguajes favoritos) y los resultados son maravillosos. Por ejemplo, aquí tengo el código de para saber si una persona es mayor o menor de edad en JavaScript:

Diagrama de flujo – Mayor o menor de edad en JavaScript

Ese diagrama de flujo fue generado automáticamente únicamente pegando código. Veamos la página web en donde se puede usar y su forma de uso.

Herramienta code-to-graph

La herramienta o el software no es mío, el repositorio oficial está aquí y la página de demostración aquí.

Convertir código a diagramas de flujo

Una vez en la página de demostración, simplemente escribimos o pegamos el código de la función. En este caso es el de mayor o menor de edad en JavaScript:

See the gist on github.

Al pegar el código, el diagrama se crea automáticamente y luego se puede descargar como SVG haciendo click en Download SVG File:

Utilizando code to graph – Convertir código JS a diagramas de flujo online

Si pudiera mencionar una desventaja sería que el SVG no es tan fácil de convertir a PNG para ponerlo dentro de un documento o algo así, pero siempre podemos tomarle una captura de pantalla o encontrar un buen convertidor en el internet.

El uso que se me ocurre es cuando esos profesores de programación te piden que hagas el diagrama de flujo de cada programa.

Por cierto, este código sencillo fue convertido a diagrama de flujo automáticamente, pero podría ser una función más compleja, por ejemplo, la que convierte minutos a texto legible se ve así:

Diagrama de flujo de minutos a tiempo en JavaScript

Ya que estamos por aquí, te invito a leer sobre las funciones flecha, let y const en JavaScript. Eso es todo por el momento.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Imprimir PDF con Bot de Telegram

La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…

12 horas hace

Enviar mensaje con bot de Telegram usando JavaScript (lado del cliente)

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…

1 día hace

PHP: incrustar imagen en base64

El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…

1 día hace

Plugin ESC POS – Actualización 3.4.0: imprimir HTML

El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…

2 días hace

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

1 semana hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

1 semana hace

Esta web usa cookies.