Skip to content

Guia prático do Mermaid.js, para criar diagramas em Markdown de forma simples e rápida (fluxogramas, classes, sequências e muito mais).

Notifications You must be signed in to change notification settings

ericfr1tzenvalle/mermaid-guide

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Mermaid Backend Guide

Mermaid Chart Logo

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.


Conteúdos

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

Como Usar

  • Visualize os exemplos com ferramentas que suportam Mermaid.js e pratique (Mermaid Live Editor).
  • Copie e adapte os diagramas conforme sua necessidade.

Autor: @ericfr1tzenvalle

About

Guia prático do Mermaid.js, para criar diagramas em Markdown de forma simples e rápida (fluxogramas, classes, sequências e muito mais).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published