math-ml VS dogx

I implemented MathML as web components a few years ago as a work around. It wasn't super hard, but a native implementation provides so much better accessibility (and, likely, perf) https://github.com/pshihn/math-ml

Unfortunately there is no common in-browser Math rendering and as the referenced article points out, pictures of equations are not the solution [2]. A common mathematics rendering format is desperately needed but nobody really seems motivated to solve it.

My approach is to use MathML that is rendered natively by Firefox and use JS to render in other browsers [3]. MathJax is way too heavy the last time I checked (growing towards 1MB) [4]. Instead I use math-ml, a JS library that is somewhat complete/abandoned but mostly works in about 80kB [5].

My rational for supporting Firefox's approach is that it's the browser I use, MathML is supported by W3C [6], MathML is supported by pandoc and there is a lightweight workaround for other browsers.

[1] https://pandoc.org/

[2] https://danilafe.com/blog/math_rendering_is_wrong/

[3] https://coffeespace.org.uk/projects/mathml-render.html

[4] https://www.mathjax.org/

[5] https://github.com/pshihn/math-ml

[6] http://www.w3.org/1998/Math/MathML

As an alternative, something that I've put together in the past for personal notes / documents. It also covers LaTeX (and TIKZ) inside Markdown and leverages Pandoc.

https://github.com/W4RH4WK/Dogx

It contains a Pandoc filter that pulls out the LaTeX code, generates an SVG that gets embedded into the resulting HTML document.

I've created a similar template in the past for my university stuff. You might want to check it out, maybe there are some things you can reuse for your own purpose.

https://github.com/W4RH4WK/dogx