Ir al contenido
  1. Páginas de ejemplo/

Diagramas y diagramas de flujo

·2 mins

Los diagramas Mermaid son compatibles con Congo utilizando el shortcode mermaid. Simplemente encierra las etiquetas del diagrama dentro del shortcode. Congo crea temas automáticamente a los diagramas Mermaid para que coincidan con el parámetro colorScheme configurado.

Consulta la documentación del shortcode Mermaid para obtener más detalles.

Los ejemplos a continuación son una pequeña selección tomada de la documentación oficial de Mermaid. También puedes ver el código fuente de la página en GitHub para ver la sintaxis.

Diagrama de flujo #

Section
Get money
One
Two
Three
Let me think
Laptop
iPhone
Car
Another
Christmas
Go shopping

Diagrama de secuencia #

BobJohnAliceBobJohnAlicepar[Action 1][Action 2]John is perceptiveloop[Every minute]Hello John, how are you?1Hello Bob, how are you?2Hello John, how are you?3John, can you hear me?4Hi Alice, I can hear you!5I feel great!6Great!7

Diagrama de clase #

1
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

Diagrama entidad-relación #

CUSTOMERDELIVERY-ADDRESSORDERINVOICEORDER-ITEMPRODUCT-CATEGORYPRODUCThasplacesliable forreceivescoversincludescontainsordered in