collapse

* Posts Recentes

Rede de comboios elétricos totalmente autónomos 10 ton em Rust em realtime. por blabla
[18 de Setembro de 2022, 18:44]


NiMH por 18650 por almamater
[18 de Setembro de 2022, 17:21]


How We Get Down to 0.2nm CPUs and GPUs - TechTechPotato por blabla
[18 de Setembro de 2022, 15:38]


Nova secção de Raspberry Pi Bare Metal em C e em Rust e Systems Programming por blabla
[04 de Setembro de 2022, 08:55]


The code for AGI will be simple - John Carmack and Lex Fridman por blabla
[29 de Agosto de 2022, 07:36]


Wavelets: a mathematical microscope por blabla
[28 de Agosto de 2022, 20:50]


Bom livro - Dive Into Systems por blabla
[28 de Agosto de 2022, 12:19]


graus negativos inclinação por josecarlos
[28 de Agosto de 2022, 11:31]


Super obsolescência super programada? por SerraCabo
[06 de Agosto de 2022, 11:36]


Motor de aspirador por dropes
[02 de Agosto de 2022, 22:18]

Autor Tópico: Mermaid – UML, Entity Relationship e outros diagrams in MarkDown.  (Lida 382 vezes)

0 Membros e 1 Visitante estão a ver este tópico.

Offline blabla

  • Mini Robot
  • *
  • Mensagens: 245
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