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​