Mermaid – UML, Entity Relationship e outros diagrams in MarkDown.

[blabla]

Boa noite a todos,

hoje gostava de vos falar de um standard e o programa Mermaid para descrever-se textualmente diagramas de UML,  de Entity Relationship e outros em MarkDown e que depois os renderiza de forma muito apelativa.

1. Flowcharts
2. Sequence diagrams
3. Class Diagram
4. State Diagram
5. Entity Relationship Diagram
6. User Journey
7. Gantt
8. Pie Chart
9. Requirement Diagram

Vejam aqui exemplos dos diagramas finais e da sintaxe.

Mermaid
https://mermaid-js.github.io/mermaid/

O Zettlr – Sistema de notas e editor de Markdown, suporta nas suas notas a inclusão de Markdown Mermaid.

Ex.

Código: [Seleccione]

```mermaid

flowchart
    A --> B

```


E faz o rendering automático dos diagramas do Mermaid nas notas quando se está no editor de notas e no PDF ou outro formato final.

O VScode também suporta nos ficheiros MarkDown um plugin que faz o rendering dos diagramas no Preview do ficheiro de MarkDown.

Vejam o vídeo seguinte de como é simples usar o Mermaid no vosso Markdown.

Video - Mermaid JS - Finally There’s A Great UML and Diagram Drawing Tool


Obrigado,

Cumprimentos,
João