Animated equations on the web
I found this neat animation done by @FreyaHolmer which she made for an upcoming talk. Actually, Going through her talks, it seems she creates stunning slides with a mix of Blender, Google slides, and her own custom animation code.
hecking did it!! latex equation anims w. katex/css/js 🎉 pic.twitter.com/8FYIGMSrW2
— Freya 🔜✈️ Guadalindie, Málaga, 2-5th May (@FreyaHolmer) April 22, 2024
This inspired me to attempt to re-create it for myself, so I can use it on this blog. I will be posting about my solution when I get there. My initial idea is to use text splitting and basic animations, but I’ve yet to explore how the equation is rendered in HTML. I suspect some form of LaTeX -> HTML conversion is happening, rather than the full characters themselves being represented as text.
Here is my quick idea for removing characters in action, I suspect adding is a whole other beast - same with centering it.