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

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:

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

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

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.