• Autor de la entrada:
  • Tiempo de lectura:2 minutos de lectura

Una imagen vale más que mil palabras. Ahora puedes crear y editar rápidamente diagramas en Markdown usando el soporte de Mermaid dentro de tus archivos de Markdown.

Mermaid es una herramienta de gráficos y diagramas basada en JavaScript que toma definiciones de texto inspiradas en Markdown y crear diagramas dinámicamente en el navegador.

Mantenido por Knut Sveidqvist, Mermaid admite un montón de diferentes tipos de diagramas comunes para proyectos de software, incluidos diagramas de flujo, UML, gráficos Git, diagramas de viaje del usuario e incluso el temido diagrama de Gantt.

Un ejemplo de diagrama podría ser el código siguiente:

```mermaid
  graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;
```

¿Cómo funciona Mermaid?

Cuando en el código de Markdown de Github se encuentran bloques de código marcados como mermaid se genera un iframe que toma la sintaxis sin procesar de Mermaid y la pasa a Mermaid.js, convirtiendo ese código en un diagrama.

Si deseas obtener más información sobre la sintaxis de Mermaid, visita el sitio web de Mermaid o consulte el primer libro oficial de Mermaid de Knut.

Comparte tu opinión