Este repositório apresenta exemplos e guias de diagramas usando Mermaid.js, uma ferramenta que permite criar diagramas de forma simples, diretamente em Markdown, sem precisar de softwares gráficos complexos.
Mermaid é ideal para:
- Documentação de projetos: adicione diagramas claros ao README ou wikis.
- Modelagem de sistemas: UML, fluxos, processos e arquiteturas.
- Compartilhamento rápido: qualquer pessoa pode visualizar e editar os diagramas online.
Os diagramas são escritos em uma sintaxe de texto simples, que o Mermaid converte automaticamente em gráficos visuais. Isso facilita manter os diagramas versionados no Git, assim como o código-fonte.
Os tópicos abaixo são os mais relevantes para desenvolvedores.
Os que já possuem conteúdo estão marcados com ✅.
- Class Diagram – Modelagem de classes e OO
- ER Diagram – Banco de dados relacional
- Sequence Diagram – Fluxos de chamadas e APIs
- Component Diagram – Arquitetura e microserviços
- Flowchart – Processos e pipelines
- State Diagram – Estados de entidades
- Visualize os exemplos com ferramentas que suportam Mermaid.js e pratique (Mermaid Live Editor).
- Copie e adapte os diagramas conforme sua necessidade.
Autor: @ericfr1tzenvalle
