SVGMath demos and experiments
SVGMath is my own attempt at displaying math on a Web page without having to load a library (usually MathJax or KaTeX) and then waiting for that library to process the page before displaying the results.
Libraries block the page from loading and slow things considerably.
SVGMath is not as robust as library-based math, but it's quick (no javascript, and a low number of DOM elements), looks good and does also cater for accessibility via screen reader text.
SVGMath Demos | |
---|---|
SVGMath demo | SVGMath is fast, beautiful math on the Web using SVGs and no javascript. |
SVGMath overview | An explanation of the process used in creating SVGMath, and some comparison statistics |
Wrapping wide equations in SVGMath | Wrapping wide equations in SVGMath. |
Large Stackexchange math page rendered in SVGMath | Stackexchange uses MathJax to render math, but it is slow and produces a huge DOM. SVGMath addresses these issues by delivering SVGs via img tags. |
Comparison of rendering speed SVGMath, KateX and MathJax | A video comparison of rendering speed SVGMath, KateX and MathJax of a large math page |
ASCIIMath input, SVGMath output example | This page uses ASCIIMath for input, and is processed using SVGMath. |