\documentclass{article}[20pt,a4paper]
% Comment the following line to NOT allow the usage of umlauts
\usepackage[utf8]{inputenc}
\usepackage[english]{babel}
\usepackage[a4paper, lmargin=2cm, rmargin=2cm, bottom=2cm]{geometry}
\usepackage{color}
% Uncomment the following line to allow the usage of graphics (.png, .jpg)
\usepackage{verbatim}
\usepackage{graphicx}
\usepackage{amsmath}
\usepackage[all]{xy}
\usepackage{pst-all}
\usepackage{tikz}
\usepackage{gnuplottex}
%\usepackage{chronology}
\usepackage{tablefootnote} \tikzset{flippedeventlabel/.append style={align=center}}
\usetikzlibrary{matrix.skeleton}
\usetikzlibrary{datavisualization} \usetikzlibrary[shapes,arrows,positioning,fit,backgrounds,intersections,shadows,calc,datavisualization.formats.functions]
\usetikzlibrary{decorations.text}
\pgfdeclarelayer{background layer}
\pgfdeclarelayer{foreground layer}
\pgfsetlayers{background layer,main,foreground layer}
%\usetikzlibrary{datavisualization.formats.functions}
\usepackage{pgf-pie}
\usepackage{color,colortbl}
\usepackage{pgfplots}
\pgfplotsset{width=10cm,compat=1.9}
\usepackage[colorlinks=true,linkcolor=black,citecolor=black,filecolor=magenta,urlcolor=blue]{hyperref}
%Paquete de estilo de referencias
\urlstyle{same}
% Start the document
\title{Utilizando Los Entornos \texttt{Tabular}, \texttt{pgf-pie},  y \texttt{tikz} en \LaTeX\  Para Crear Tablas y Gráficos}
\author{Nimrod Rodríguez\\ \href{SITIO WEB}{\underline{\textcolor{red}{enlace:} Código \LaTeX }}}
\date{Noviembre 18, 2022}
\begin{document}
\maketitle
\begin{enumerate}

\item Uso de entornos \texttt{figure} y \texttt{tabular} para construir una tabla de verdad del cálculo Proposicional.
\begin{center}
Tabla para:  $ (\textcolor{blue}{p} \ \wedge \  \textcolor{blue}{q}) \Leftrightarrow \ (\textcolor{blue}{p} \ \vee \  \textcolor{blue}{q})$\\
\vspace{0.5cm}
\begin{tabular}{|c|c|c|c|c|}
\hline
\rowcolor{gray!20}
\textcolor{blue}{p} & \textcolor{blue}{q} & $\textcolor{blue}{p} \ \wedge \  \textcolor{blue}{q}$ & $\textcolor{blue}{p} \ \vee \  \textcolor{blue}{q}$ & $ (\textcolor{blue}{p} \ \wedge \  \textcolor{blue}{q}) \Leftrightarrow \ (\textcolor{blue}{p} \ \vee \  \textcolor{blue}{q})$\\
\hline
v & v & v & v & \cellcolor{blue!10}v \\ 
\hline
v & f & f & v & \cellcolor{red!10}f \\ 
\hline
f & v & f & v & \cellcolor{red!10}f \\ 
\hline
f & f & f & f & \cellcolor{blue!10}v \\ 
\hline
\end{tabular}\\
\end{center}
\vspace{.4cm}

\item Entorno \texttt{pgf-pie} para un diagrama tipo pastel.
\begin{center}
\begin{figure}
\caption{\textcolor{blue}{Tendencia En La Utilización De Entornos De Editores \textcolor{red}{.pdf}}}
\vspace{.3cm}
\begin{tikzpicture}
\pie [rotate = 180,explode=0.1,text=pin,radius=2, style = drop shadow]
    {20/\TeX\ Live and Mac\TeX,
     32/MiK\TeX\ and Pro\TeX t, 6/Other \TeX, 42/\LaTeX}
\end{tikzpicture}
\end{figure}
\end{center}
\pagebreak

\item Entorno \texttt{pgf-pie} para un diagrama de barras horizontal, con un diseño similar al sistema \texttt{scientific axes} del entorno \texttt{pgfplots}.
\begin{center}
\begin{figure}[ht] 
\centering 
\caption{\textcolor{blue}{Tendencia Sobre Caracteres Incluidos En Una Contraseña}}
\vspace{.3cm}
\begin{tikzpicture} 
\begin{axis}[width=0.81\textwidth, height=3.5in, xbar, bar width=20pt, xmin=0, xmax=100, symbolic y coords={Nonalphanumeric, Numbers, Uppercase Letters, Lowercase Letters}, ytick=\empty, xmajorgrids] \addplot [fill={blue!40},draw=blue] coordinates {(64,Nonalphanumeric) (85,Numbers) (62,Uppercase Letters) (83,Lowercase Letters)} node [minimum size=0pt,inner sep=0pt,right,pin={[font=\footnotesize,pin distance=0.3cm]0:64 (21.8\%)}] at (axis cs:64,Nonalphanumeric) {} node [minimum size=0pt,inner sep=0pt,right,pin={[font=\footnotesize,pin distance=0.3cm]0:85 (28.9\%)}] at (axis cs:85,Numbers) {} node [minimum size=0pt,inner sep=0pt,right,pin={[font=\footnotesize,pin distance=0.3cm]0:62 (21.1\%)}] at (axis cs:62,Uppercase Letters) {} node [minimum size=0pt,inner sep=0pt,right,pin={[font=\footnotesize,pin distance=0.3cm]0:83 (28.2\%)}] at (axis cs:83,Lowercase Letters) {} coordinate (symb) at (axis cs:0,Nonalphanumeric) coordinate (num) at (axis cs:0,Numbers) coordinate (uprcase) at (axis cs:0,Uppercase Letters) coordinate (lwrcase) at (axis cs:0,Lowercase Letters); \end{axis} \node [font=\small,above left] at (symb) {Alfanuméricos Comunes}; \node [font=\small,left] at (symb) {(signos de puntuación,}; \node [font=\small,below left] at (symb) {\#, \&, @, etc.)}; \node [font=\small,left] at (num) {Números}; \node [font=\small,left] at (uprcase) {Letras Mayúsculas}; \node [font=\small,left] at (lwrcase) {Letras Minúsculas}; \end{tikzpicture}
\label{fig:Chara} 
\end{figure}
\end{center}
\end{enumerate}
\end{document}