Crea diagramas de flujo mediante texto con Mermaid

Mermaid es un software para generar diagramas de flujo gracias a javascript creados mediante texto plano.

Con Mermaid no es necesario que utilices software pesado para crear tus diagramas de flujo en diferentes formatos, podrás crearlos mediante texto plano de manera similar a como escribes en formato MarkDown.

El texto plano tiene ventajas sobre otras opciones, pero en ocasiones se puede quedar corto. MarkDown (por ejemplo) es un tipo de formato de texto que añade formato, pero siempre utilizando como base el texto plano.

La suerte es que siempre se puede encontrar una alternativa que solucione algunos de nuestros problemas (o por lo menos algunos de nuestros problemas tecnológicos). Con Mermaid podrás realizar diagramas de flujo utilizando texto plano de manera similar a como das formato a un texto con MarkDown, o LaTeX.

Mermaid podrás crear mediante JavaScript diagramas sin necesidad de utilizar otras herramientas. No despegues tus manos del teclado y crea diagramas de Gantt, diagramas de flujo, etc simplemente con texto y un formato propio.

Mermaid también está soportado para muchos sistemas de publicación y para diferentes editores. Algunos de ellos son:

También hay disponible un editor en línea para crear tus propios diagramas. Con él podrás crear rápidamente diagramas utilizando Mermaid. Además también podrás:

  • Guardar el diagrama en formato svg
  • Obtener un enlace al visor de diagramas para compartirl
  • Tener un enlace al editor de diagrama para compartirlo y que alguien más pueda modificarlo y después volver a compartir el enlace.

Mermaid está publicado bajo licencia MIT. Tenéis más información en su web, con tutoriales y ejemplos y enlaces a su repositorio en GitHub y editor en línea:

———————————————————————–

10 pensamientos en “Crea diagramas de flujo mediante texto con Mermaid

    • Hola!
      Me pareció interesante para esas personas que se arreglan con un lenguaje de marcado tipo markdown o latex…
      Saludos y siempre es un placer leerte por aquí o en tu gran web!

  1. ¿Has probado PlantUML? También hace cosas parecidas…aunque es Java por desgracia.

    Graphiz veo que te lo han recomendado, me parece el abuelo de todos, es muy bueno pero lo que me mataba…es que no había manera de decirle/setear que querías “árboles más verticales” porque cuando tenías un árbol con una rama con muchos hijos (o ramas hermanas que habían un total de muchos primos) te pintaba un árbol a lo ancho como si fuera un pergamino gigante.

  2. Interesante altertiva, si señor.

    Yo uso graphviz en el trabajo para generar diagramas y mostrarlos como imágenes en una aplicación web.

    Y para estar por casa con “dia” me apaño

    Saludos

  3. Que rapido puedes cambiar el diagrama entero. Es una ventaja del modo texto …. Es algo tan rapido como FreeMind, aunque este se usa para mapas mentales.

Me gustaría saber tu opinión. Deja un comentario (Puedes usar MarkDown)

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.