Capítulo 17: Diagramas de Batalha (Mermaid) 📊⚔️
Neste capítulo, vamos aprender a criar diagramas e fluxogramas diretamente no Markdown usando a ferramenta Mermaid, com o tema Estratégia Militar!
📖 O que é Mermaid?
Mermaid é uma ferramenta que permite criar diagramas usando apenas texto! O GitHub e muitos outros editores suportam essa ferramenta. Para usá-la, criamos um bloco de código especificando a linguagem mermaid.
```mermaid
graph TD
A --> B
```text📖 Exemplo Guiado: Fluxo de Ataque
Vamos criar um diagrama de decisão simples.
- Crie o arquivo
estrategia.md:
# Plano de Ataque
```mermaid
graph TD
A[Início da Batalha] --> B{O inimigo recuou?}
B -- Sim --> C[Avançar Tropas]
B -- Não --> D[Manter Posição]
```text📊 Ilustração Visual: O próprio Mermaid!
O gráfico acima é gerado pelo código que você acabou de ver!
🛠️ Prática Obrigatória 1: Seu Fluxograma
Crie um arquivo chamado meu_fluxo.md. Crie um diagrama simples com 3 caixas ligadas por setas (ex: Acordar → Tomar Café → Estudar).
🔑 Gabarito de Código
Prática 1: meu_fluxo.md
# Minha Rotina
```mermaid
graph LR
A[Acordar] --> B[Tomar Café]
B --> C[Estudar Markdown]
```text