worthy of study

This article discusses a moment when the author, while working with an AI coding agent to build an interactive math widget, paused to study the generated code. The agent used KaTeX's \htmlData command to bind events to individual math elements, enabling interactive features like scrubbing values in LaTeX expressions. The author explains how KaTeX renders each element in its own span (unlike MathJax's single SVG), allowing data attributes for event binding. This pattern was unknown to the author and deemed 'worthy of study,' highlighting how coding agents can reveal novel techniques that enhance long-term understanding. The article includes a demo widget and technical details about KaTeX configuration.