All posts

Intro

How the post pipeline handles LaTeX, Manim animations, and interactive components.

This post is a quick tour of what diagrams and equations I can render

LaTeX

Inline math, like the energy-momentum relation E2=(pc)2+(mc2)2E^2 = (pc)^2 + (mc^2)^2, flows naturally inside paragraphs. Display equations:

E=ρε0×B1c2Et=μ0J\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0} \qquad \nabla \times \mathbf{B} - \frac{1}{c^2}\frac{\partial \mathbf{E}}{\partial t} = \mu_0 \mathbf{J}

Multi-line aligned equations:

f(x)=n=0anxnan=f(n)(0)n!\begin{aligned} f(x) &= \sum_{n=0}^{\infty} a_n x^n \\ a_n &= \frac{f^{(n)}(0)}{n!} \end{aligned}

Animated diagrams

I can do Manim diagrams (shoutout 3blue1brown):

A circle morphing into a square. Source: diagrams/manim/circle_to_square.py

The full scene is just a Python class:

from manim import Circle, Create, ReplacementTransform, Scene, Square

class CircleToSquare(Scene):
    def construct(self):
        circle = Circle(radius=1.5).set_fill(opacity=0.4)
        square = Square(side_length=3).set_fill(opacity=0.4)
        self.play(Create(circle))
        self.play(ReplacementTransform(circle, square))
        self.wait(1)