collapse

* Posts Recentes

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]


Serviço de dessoldar e soldar micro-usb tlm Samsung GT-S6312 por senso
[01 de Agosto de 2022, 22:20]


Condensador Poly .47K X2 por brunus
[26 de Julho de 2022, 16:11]


pequeno robot arte por Robotarium
[21 de Julho de 2022, 15:45]


Diferença entre fontes por jm_araujo
[13 de Julho de 2022, 09:27]


Dual Op-amp Test board - uma ideia simples, barata e bem esgalhada. por dropes
[10 de Julho de 2022, 20:35]


PHILCO Radio Manufacturing Factory Automation 1929 por SerraCabo
[10 de Julho de 2022, 18:22]


Meu novo robô por josecarlos
[08 de Julho de 2022, 23:06]


Desenvolvimento para RaspberryPi Pico em Windows < 10 por KammutierSpule
[06 de Julho de 2022, 09:15]

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

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

Offline blabla

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