¿Qué es Mermaid?#

Mermaid es una herramienta de código abierto basada en JavaScript que permite crear diagramas y visualizaciones a partir de descripciones de texto, de manera similar a Markdown.

Se utiliza para generar dinámicamente diagramas como diagramas de flujo, UML, organigramas y otros tipos de gráficos, lo que simplifica su creación y mantenimiento.

Herramienta#

• Mermaid

Recomendaciones y ejemplo de sintaxis#

1. Define primero todas tus variables
2. Une los puntos

1
flowchart TD
2
    A[Inicio]
3
    B[Test de salud]
4
    C{Opciones}
5
    E[Continuar]
6
    G[Reiniciar]
7
    H{Modo}
8
    I[Generar silencio]
9
    J[Reiniciar]
10

11
    A --> B --> C
12
    C -->|Botón 3 - #| G --> A
13
    C -->|Botón 4 - *| E --> H
14
    H -->|Botón 4 - *| I
15
    H -->|Botón 3 - #| J --> A

¿Qué puedes lograr?#

Puedes ver todos sus ejemplos en su sitio web, algunos de mis favoritos son los siguientes:

Diagramas#

Líneas de tiempo#

Mapas mentales#

Diagramas de Gantt#

Nota final

¡Gracias por terminar de leer este artículo! uwur

— El Capitán

¿Tienes alguna duda o te gustaría comentar algo sobre este artículo?

• Únete a nuestra comunidad en Telegram

Puedes encontrarme en:

• Twitter
• Github
• LinkedIn