It is fairly simple with TikZ. It will not work in MathJax though.
\documentclass[tikz,margin=10]{standalone}
\usetikzlibrary{tikzmark}
\usetikzlibrary{shapes.geometric}
\begin{document}
\sffamily
\begin{tikzpicture}[remember picture]
\foreach \i in {0,-1,-2,-3,-3.5} \draw (0,\i) -- (-1.5,\i);
\draw (-1.5,0) -- (-1.5,-3.5);
\path (0,-.5) node[above left]
{10\subnode{4-a}{4}\subnode{9-a}{9}\subnode{7-a}{7}\subnode{6-a}{6}}
node[below left] {9\hphantom{0000}}
(0,-1.5) node[above left] {1\subnode{4-b}{4}\subnode{9-b}{9}\hphantom{00}}
node[below left] {124\hphantom{00}}
(0,-2.5) node[above left] {25\subnode{7-b}{7}\subnode{6-b}{6}}
node[below left] {2576}
(0,-3.5) node[above left] {0}
(-1.5,-.5) node[above left] {3}
(-1.5,-1.5) node[above left] {62}
(-1.5,-2.5) node[above left] {64{\color{red}4}}
(0,.1) node[above left,xshift={-width("000")}] (x) {32\color{red}4};
\node[draw=green!50!black,ellipse,inner sep=.2em] (y) at (x) {\phantom{324}};
\draw[green!50!black,-stealth]
(y) -- ++ (1.5,0) node[right,draw] {Square root};
\foreach \i in {4,9,7,6} \draw[red,-stealth] (\i-a) -- (\i-b);
\end{tikzpicture}
\end{document}
