O que é Mermaid?
Mermaid é uma biblioteca JavaScript de código aberto que desenha diagramas escrevendo texto.
Definição e origem da palavra
Em vez de arrastar caixas na ferramenta de desenho, o esquema é escrito com texto e a ferramenta o converte em um visual. Como o texto pode ser versionado, ele vive junto com a documentação e passa por revisão. O nome vem do mito da sereia e não tem relação com aspectos técnicos.
Como conhecer e usar no dia a dia?
Documentação: Esquema de arquitetura dentro do README.
Planejamento: Visualização de calendário com Gantt.
Relatório: Diagramas de fluxo e de sequência.
Profundidade Técnica e Arquitetura
Principais tipos:
Flowchart: Caixas de decisão e fluxo.
Sequence: Interação baseada no eixo do tempo.
Gantt: Cronograma de tarefas.
ER: Diagrama de entidade-relacionamento.
Exemplo de fluxo simples:
flowchart LR
A[İstek] --> B[Sunucu]
B --> C[Yanıt]O GitHub e o GitLab desenham esses blocos diretamente, sem necessidade de plugins. O editor oficial é usado para visualização em tempo real.
Coisas frequentemente misturadas
Acha-se que são ferramentas de desenho. No entanto, o Mermaid é baseado em texto, não envolve arrastar e soltar. Se for necessário desenho com precisão visual, é preciso um editor gráfico.
Use em diferentes disciplinas
Música: Transcrição do som através de partitura.
Estenografia: Escrita da fala por meio de atalhos.
Matemática: Descrição de formas por meio de fórmulas.
Perguntas e respostas
Quais gráficos podem ser desenhados com o Mermaid?
Diagramas técnicos como fluxo, sequência, Gantt, pizza, ER e mapa mental podem ser desenhados.
O GitHub oferece suporte?
Sim. Os blocos Mermaid no Markdown são renderizados diretamente.
É gratuito?
A biblioteca principal é de código aberto e gratuita. Os editores hospedados podem ter um plano pago.
Quando ele se torna insuficiente?
Quando precisão de pixels e desenho livre são necessários. Esse é o trabalho de um editor gráfico.
Termos relacionados
Ferramentas relacionadas
Esta explicação foi escrita em linguagem simples para a TreScout com IA e traduzida automaticamente do original em turco · a versão turca é a que vale. Se algo parecer errado ou faltando, escreva para hello@trescout.com. Ler em turco →