\documentclass[crop,border=3,tikz,convert={outext=.svg,command=\unexpanded{pdf2svg \infile\space\outfile}},multi=false]{standalone}
\usetikzlibrary{math}

\newcommand{\mycircle}{
  \tikzmath{\opacity=100-30*\radius;}
  \draw[fill=blue!\opacity] (A) circle (\radius);
  \foreach \a in {1,...,\lines}{
    \tikzmath{\angle=\angle-\a*(360/\lines);}
    \draw[black] (A) -- (\angle:\radius);
    \tikzmath{\bit=int(mod(1+\a,2));}
    \node at (\angle+180/\lines:\radius-0.25) {\small\texttt{\bit}};
  }
}

\begin{document}
\begin{tikzpicture}[>=latex]
  \node[anchor=center]() at (0,4.5){\large Variable Length Subnet Masking (VLSM)};
  \begin{scope}[shift={(-0.5,0)}]
    \node() at (-1,3.75){\large\texttt{192.168.2.}};
    \draw (2.445,3.6) rectangle (2.445+0.2,3.9)
    node[midway,above,shift={(0,0.1)}]{\tiny\texttt{2}};
    \draw (2.82,3.6) rectangle (2.82+0.2,3.9)
    node[midway,above,shift={(0,0.1)}]{\tiny\texttt{1}};
  \end{scope}
  \coordinate (A) at (0,0);
  \tikzmath{\angle=90;}
  \foreach \lines/\radius in {64/3,32/2.5,16/2,8/1.5,4/1,2/0.5}{
    \mycircle
    \begin{scope}[shift={(-0.7,3.6)}]
      \tikzmath{\val=int(256/\lines);}
      \draw[fill=blue!\opacity] (0.75*\radius,0) rectangle
      (0.75*\radius+0.2,0.3) node[midway,above,shift={(0,0.1)}]{\tiny\texttt{\val}};
    \end{scope}
  }
  \tikzmath{\radius=3.25;}
  \foreach \a in {0,8,...,255}{
    \tikzmath{\angle=\angle-\a*(360/256);}
    \node at (\angle:\radius) {\tiny\texttt{.\a}};
  }
\end{tikzpicture}
\end{document}