JSFiddle - React, Tailwind, and code Playground
by Chris Maloney
HTML
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_SVG"></script>
<div>
<math id="Mz" display="block" overflow="scroll">
<mrow>
<msub>
<mrow>
<mi>y</mi>
</mrow>
<mi>i</mi>
</msub>
<mo stretchy="false">(</mo>
<msub>
<mrow>
<mi>t</mi>
</mrow>
<mrow>
<mi>i</mi>
<mi>k</mi>
</mrow>
</msub>
<mo stretchy="false">)</mo>
<mo>=</mo>
<munderover>
<mo>∑</mo>
<mrow>
<mi>g</mi>
<mo>=</mo>
<mn>1</mn>
</mrow>
<mi>p</mi>
</munderover>
<mrow>
<msub>
<mrow>
<mi>x</mi>
</mrow>
<mrow>
<mi>i</mi>
<mi>g</mi>
</mrow>
</msub>
<mo stretchy="false">(</mo>
<msub>
<mrow>
<mi>t</mi>
</mrow>
<mrow>
<mi>i</mi>
<mi>k</mi>
</mrow>
</msub>
<mo stretchy="false">)</mo>
<msubsup>
<mrow>
<mi>β</mi>
</mrow>
<mi>g</mi>
<mn>0</mn>
</msubsup>
<mo stretchy="false">(</mo>
<msub>
<mrow>
<mi>t</mi>
</mrow>
<mrow>
<mi>i</mi>
<mi>k</mi>
</mrow>
</msub>
<mo stretchy="false">)</mo>
</mrow>
<mo>+</mo>
<msub>
<mrow>
<mi>ε</mi>
</mrow>
<mrow>
<mi>i</mi>
<mi>k</mi>
</mrow>
...