Mermaid

Muestra diagramas con Mermaid

Mermaid te permite crear diagramas de flujo, de secuencia, de Gantt y otros diagramas usando texto y código.

Para ver la lista completa de tipos de diagramas admitidos y su sintaxis, consulta la documentación de Mermaid.

Ejemplo de diagrama de flujo en Mermaid

```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[top] --> bottom1[bottom]
    end
    subgraph subgraph2
        direction TB
        top2[top] --> bottom2[bottom]
    end
    %% ^ Estos subgrafos son idénticos, excepto por los enlaces hacia ellos:

    %% Enlace al subgraph1: se mantiene la dirección de subgraph1
    outside --> subgraph1
    %% Enlace dentro de subgraph2:
    %% subgraph2 hereda la dirección del grafo de nivel superior (LR)
    outside ---> top2
```

​

Sintaxis

Para crear un diagrama de Mermaid, escribe la definición del diagrama dentro de un bloque de código de Mermaid.

```mermaid
// Coloca aquí el código de tu diagrama de Mermaid
```