Diagrama de flujo - Mayor o menor de edad en JavaScript

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.

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.

Dejar un comentario