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:
- Utilizando mermaid mediante docpad
- Utilizando mermaid en Jekyll
- Utilizando mermaid en Octopress
- Utilizando mermaid en Gatsby
- Plugin para atom
- Plugin para Vim
- Sphinx extensión
- Filtro de Pandoc
- Paquete para Sublime Text 3
- Extensión para MediaWiki
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:
———————————————————————–
Victorhck in the free world 
Hola compa!
Muy interesante, no conocía esta aplicación, le echaré un vistazo. Yo estoy más acostumbrado a trabajar con la aplicación de software libre Dia.
Saludetes!!
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!
¡Qué completo!, hasta con diagramas de secuencia y de gantt, está muy bien. Hace un tiempo usé http://graphviz.org/ que es para terminal y para diagramas de secuencia parece más completo.
anda qué bueno!! 😉
Saludos y gracias por la visita y comentar…
¿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.
Nope. No lo he probado
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
Saludos y gracias por comentar y por la información! 🙂
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.
Mapas mentales? Qué cosas!
Saludos y gracias por comentar!