🗺️ O Pipeline de Renderização de Fórmulas Matemáticas na Web

flowchart LR
    MD["Markdown Científico:\n$E = mc^2$ ou $$\int_0^\infty ...$$"]
    --> PARSER["Parser CommonMark / Kramdown"]
    PARSER --> ENGINE["Motor de Tipografia Matemática (KaTeX / MathJax)"]
    ENGINE --> VECT["Fontes Matemáticas Web (TeX/AMS-LaTeX)"]
    VECT --> DOM["Renderização Vetorial SVG / MathML de Alta Fidelidade ⚡"]

    style MD fill:#ede7f6,stroke:#512da8,stroke-width:2px
    style PARSER fill:#fff3e0,stroke:#ff9800,stroke-width:2px
    style ENGINE fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
    style VECT fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
    style DOM fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff

📖 Fundamentos e Aplicação

Documentar algoritmos de inteligência artificial, computação gráfica, criptografia e análise de complexidade requer o uso de notação matemática formal. Em vez de colar imagens borradas de fórmulas, o ecossistema moderno de Markdown integra a sintaxe clássica do LaTeX com renderizadores web ultravelozes como MathJax e KaTeX.

1. Fórmulas Inline vs Fórmulas em Bloco (Display Mode)

  • Inline Math ($...$): Permite incluir expressões matemáticas fluindo naturalmente no parágrafo, como a complexidade assintótica $\mathcal{O}(n \log n)$ ou a identidade $e^{i\pi} + 1 = 0$.
  • Display Math ($$...$$): Isola equações complexas centralizadas em uma linha dedicada: \(f(x) = \frac{1}{\sigma \sqrt{2\pi}} e^{-\frac{1}{2}\left(\frac{x-\mu}{\sigma}\right)^2}\)

2. Matrizes, Somatórios e Frações

Expressões como somatórios ($\sum_{i=1}^{n} x_i$), integrais ($\int_a^b f(x)\,dx$) e matrizes são facilmente expressas usando os ambientes \begin{bmatrix} ... \end{bmatrix}.