synchronize.tex

\documentclass{standalone}
\usepackage{tikz,rxmarbles}
\usetikzlibrary[arrows,shapes,matrix]

\begin{document}
\begin{tikzpicture}

\matrix[row sep=0.5cm]
{
  \draw [time,color=blue] (0,0) to [out=45, in=180, looseness=0.5] (7,0.5);
  \draw [time,color=magenta] (0,0) to [out=-45, in=180, looseness=0.5] (7,-0.5);
  \node[marble,circle,red] (0x0) at (1,-0.4) {};
  \node[marble,circle,yellow] (1x0) at (1.75,0.55) {};
  \node[marble,circle,green] (2x0) at (2.5,-0.6) {};
  \node[marble,circle,cyan] (3x0) at (2.51,0.6) {};
  \node[error] (4x0) at (3.25,-0.605) {};
  \node[marble,circle,blue] (5x0) at (4.25,0.6) {};
  \node[marble,circle,magenta] (6x0) at (5,0.58) {};
  \node[complete] (7x0) at (5.5,0.55) {};
  \\
  
  \node[box,minimum width=7cm] (op) {Synchronize};
  \\
  
  \draw [time] (0,0) -- (7,0);
  \node[marble,circle,red] (0x2) at (1,0) {};
  \node[marble,circle,yellow] (1x2) at (1.75,0) {};
  \node[marble,circle,green] (2x2) at (2.5,0) {};
  \node[marble,circle,cyan] (3x2) at (3.25,0) {};
  \node[error] (4x2) at (3.75,0) {};
  \\
};

\draw [fdash] (0x0) -- (0x0|-op.north);
\draw [fdash] (1x0) -- (1x0|-op.north);
\draw [fdash] (2x0) -- (2x0|-op.north);
\draw [fdash] (3x0) -- (3x0|-op.north);
\draw [fdash] (4x0) -- (4x0|-op.north);
\draw [fdash] (5x0) -- (5x0|-op.north);
\draw [fdash] (6x0) -- (6x0|-op.north);

\draw [rdash] (0x2) -- (0x2|-op.south);
\draw [rdash] (1x2) -- (1x2|-op.south);
\draw [rdash] (2x2) -- (2x2|-op.south);
\draw [rdash] (3x2) -- (3x2|-op.south);
\draw [rdash] (4x2) -- (4x2|-op.south);

\end{tikzpicture}
\end{document}