📊 Cap 09: Notação Científica em Markdown

Docs-as-Code • Tipografia Matemática, LaTeX e MathJax

🗺️ Como o LaTeX Encontra a Web

flowchart LR
    TEX["Notação LaTeX:\n$\sum_{i=1}^n x_i$"]
    --> PARSER["Markdown Engine"]
    PARSER --> KATEX["KaTeX / MathJax JS"]
    KATEX --> HTML["Elementos HTML & MathML"]
    HTML --> SCREEN["Fórmula Vetorial Nítida em Qualquer Resolução ⚡"]

    style TEX fill:#ede7f6,stroke:#512da8,stroke-width:2px
    style PARSER fill:#fff3e0,stroke:#ff9800,stroke-width:2px
    style KATEX fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
    style HTML fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
    style SCREEN fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff

🎯 Slide 1: Inline vs Display Math

• Inline Math: Usar um único cifrão $f(x)$

  • A fórmula acompanha o texto do parágrafo sem quebrar a linha.

• Display Math: Usar dois cifrões $$f(x)$$
  • A fórmula é destacada em um bloco independente centralizado.

🎯 Slide 2: Comandos Mais Utilizados

• Frações: \frac{a}{b}
• Raízes: \sqrt[n]{x}
• Subscritos e Sobrescritos: x_i^2
• Somatórios e Produtórios: \sum_{k=1}^{\infty}, \prod
• Letras Gregas: \alpha, \beta, \theta, \lambda, \sigma

🎯 Slide 3: KaTeX vs MathJax

• MathJax: O mais completo, suporta praticamente toda a especificação TeX/AMS-LaTeX, porém é mais pesado.

• KaTeX (desenvolvido pela Khan Academy):
  • Ultraveloz (renderiza de forma síncrona sem reflow de tela).
  • Ideal para portais estáticos de documentação e blogs técnicos!