Square root long division method

Question

I wanted to draw the working column for this method of finding square roots: http://youtu.be/UnshaiwljGY

Here is an image example of the process:

But I am unable to draw it because I am new to LaTeX tabulars, arrays and stuff.

Also, in the classic style of it, in the 2nd step, instead of underlining the number we have to guess is put in a circle. How do I circle a number?

Thank you in advance for your help.

---

Edit:

Here is another image:

The columns can be achived through latex tables

Perhaps TikZ has to be used for other stylizations.

Answer 1

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}