collapse

* Posts Recentes

Bateria lipo para quadcopter/drone miniatura por josecarlos
[Hoje às 00:22]


Super obsolescência super programada? por SerraCabo
[23 de Junho de 2022, 23:03]


Inside the WILD Lab of CuriousMarc por dropes
[23 de Junho de 2022, 22:22]


Componente N121 ??? por SerraCabo
[19 de Junho de 2022, 21:26]


Curso de Yew.rs, similar ao React, Angular ou Vue mas em Rust. por blabla
[19 de Junho de 2022, 10:21]


ptrace() - Algo muito poderoso, sobre o qual vale a pena saber mais. por blabla
[19 de Junho de 2022, 09:50]


Rust - Community Grants Program Awards Announcement por blabla
[18 de Junho de 2022, 22:59]


"Façanhas" por SerraCabo
[14 de Junho de 2022, 15:42]


Why Rust makes you feel like a GENIUS? por blabla
[09 de Junho de 2022, 09:19]


Fast way to learn Rust if you know C or C++ por blabla
[08 de Junho de 2022, 16:10]

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

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

Offline blabla

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