Saltar al contenido principal

Diagramas

Los diagramas se pueden generar utilizando Mermaid en un bloque de código.

Uso

El CMS permite editar directamente diagramas de Mermaid.

  1. Haz clic en el icono Mermaid.
  2. Introduce el código Markdown en el cuadro.

Haz clic en Vista previa para ver tu diagrama.

Ejemplo:

Nota

Actualmente, los diagramas zenUML no son compatibles y los diagramas de mapas mentales pueden presentar un comportamiento anómalo. No todos los tipos de diagramas se pueden previsualizar en el CMS.

Para obtener más información, consulta Mermaid en la documentación de TinaCMS.

Para obtener información sobre cómo personalizar el aspecto de Mermaid, consulta Diagramas en la documentación de Docusaurus.

Ejemplos

Diagrama de arquitectura

Diagrama de bloques

Diagrama de contexto C4

Diagrama de clases

Diagrama entidad-relación

Diagrama de flujo

Diagrama de Gantt

Gráfico de Git

Tablero Kanban

Mapa mental

Diagrama de paquetes

Gráfico circular

Diagrama de cuadrantes

Gráfico de radar

Diagrama de requisitos

Diagrama de Sankey

Diagrama de secuencia

Diagrama de estados

Cronología

Mapa arbóreo

Recorrido del usuario

Gráfico XY