\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}