\documentclass[tikz,border=6pt]{standalone}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage{amsmath}
\usepackage{tikz}
\usetikzlibrary{arrows.meta,positioning,calc}
\definecolor{ink}{HTML}{111827}
\definecolor{violet}{HTML}{7C3AED}
\definecolor{green}{HTML}{059669}
\definecolor{magenta}{HTML}{C026D3}
\definecolor{paper}{HTML}{FFFDF7}
\begin{document}
\begin{tikzpicture}[>=Latex, font=\small, text=ink]
  \fill[paper] (-0.8,-2.0) rectangle (10.3,4.0);
  \foreach \x/\v in {0/$v$,2/$v+1$,4/$v+2$,6/$v+3$,8/$v+4$} {
    \draw[ink!25, dashed] (\x,-1.4) -- (\x,3.4);
    \node[font=\bfseries] at (\x+0.85,3.65) {\v};
  }
  \foreach \y/\phase in {2.6/prepare,1.75/pre-commit,0.9/commit,0.05/decide} {
    \node[anchor=east, font=\footnotesize\bfseries] at (-0.25,\y) {\phase};
    \draw[ink!12] (0,\y) -- (9.4,\y);
  }
  \foreach \x/\y/\txt/\col in {2/2.6/$QC_v$/violet,4/2.6/$QC_{v+1}$/violet,4/1.75/$QC_{v+1}$/violet,6/1.75/$QC_{v+2}$/violet,6/0.9/$QC_{v+2}$/violet,8/0.9/$QC_{v+3}$/violet,8/0.05/$QC_{v+3}$/violet,9.4/0.05/$QC_{v+4}$/violet} {
    \node[draw=\col!55, fill=\col!10, rounded corners=3pt, minimum width=1.45cm, minimum height=0.45cm] at (\x,\y) {\txt};
  }
  \node[draw=ink!40, rounded corners=3pt, fill=paper] (b0) at (0,-1.2) {$b-1$};
  \node[draw=magenta!60, rounded corners=3pt, fill=magenta!8] (b1) at (2,-1.2) {$b$};
  \node[draw=green!60, rounded corners=3pt, fill=green!8] (b2) at (4,-1.2) {$b+1$};
  \node[draw=magenta!60, rounded corners=3pt, fill=magenta!8] (b3) at (6,-1.2) {$b+2$};
  \node[draw=ink!40, rounded corners=3pt, fill=paper] (b4) at (8,-1.2) {$b+3$};
  \draw[->, green!75] (b0) to[bend left=32] node[above] {\scriptsize $QC(b-1)$} (b2);
  \draw[->, magenta!75] (b1) to[bend right=28] node[below] {\scriptsize $QC(b)$} (b3);
  \draw[->, green!75] (b2) to[bend left=32] node[above] {\scriptsize $QC(b+1)$} (b4);
  \node[font=\footnotesize, align=center] at (5,-1.85) {cada vista ejecuta una regla generica; las fases aparecen por profundidad de cadena};
\end{tikzpicture}
\end{document}
