Diagrama de flujo simple
Aquí está un diagrama de flujo básico:
graph TD
A[Inicio] --> B[Procesamiento]
B --> C{¿Válido?}
C -->|Sí| D[Guardar]
C -->|No| E[Error]
D --> F[Fin]
E --> F
Diagrama de secuencia
Un ejemplo de diagrama de secuencia:
sequenceDiagram
participant Cliente
participant Servidor
participant BD
Cliente->>Servidor: GET /api/datos
Servidor->>BD: SELECT * FROM datos
BD-->>Servidor: Resultados
Servidor-->>Cliente: JSON
Diagrama de Gantt
Un cronograma de proyecto:
gantt
title Roadmap del Proyecto
dateFormat YYYY-MM-DD
section Fase 1
Diseño :des1, 2026-09-01, 30d
Desarrollo :dev1, 2026-10-01, 45d
section Fase 2
Testing :test1, 2026-11-15, 30d
Deploy :dep1, 2026-12-15, 7d
Diagrama de clases
La arquitectura de un sistema:
classDiagram
class Usuario {
-id: int
-nombre: string
-email: string
+crear()
+eliminar()
}
class Publicacion {
-id: int
-titulo: string
-contenido: string
+publicar()
}
Usuario "1" --> "*" Publicacion : escribe
Así es como se ven los diagramas Mermaid integrados en tu blog.
