Diagramas de Mermaid
3 min
Diagramas Mermaid le permiten crear diagramas y visualizaciones directamente desde texto. Son útiles para documentar flujos de trabajo, procesos, arquitecturas e interacciones sin depender de imágenes.
Sintaxis
Los diagramas Mermaid utilizan la sintaxis estándar de bloques de código delimitados.
```mermaid
sequenceDiagram
A->>B: message
```Ejemplos
El siguiente ejemplo crea un diagrama de secuencia que ilustra un flujo de solicitud de API.
```mermaid
sequenceDiagram
autonumber
participant C as Client
participant A as API
participant K as Cache
participant D as DB
C->>+A: GET /users/123
A->>+K: lookup user:123
alt cache hit
K-->>A: cached user
else cache miss
K-->>A: null
A->>+D: SELECT * FROM users WHERE id=123
D-->>-A: user row
A->>K: SET user:123
end
A-->>-C: 200 OK
```El siguiente ejemplo crea un diagrama de flujo.
```mermaid
flowchart TD
A[Start] --> B{Is config valid?}
B -->|Yes| C[Load docs]
B -->|No| D[Show error]
C --> E[Start server]
E --> F[Open browser]
D --> G[Exit]
```Have a question?
Our super-smart AI, knowledgeable support team and an awesome community will get you an answer in a flash.
To ask a question or participate in discussions, you'll need to authenticate first.