I spotted this well-known diagram of the TeX work flow in [1], where it was used to illustrate when a step-by-step presentation technique is appropriate. With Beamer and TikZ it is quite easy to gradually draw a diagram, since the \path construct is overlay aware. Download the PDF to see it in action.

[1]Veytsmann, B. (2006). Design of Presentations: Notes on Principles and LaTeX Implementation. The PracTeX Journal, 4


tex-workflow

Edit and compile if you like:

\documentclass{beamer}

\usepackage[latin1]{inputenc}
\usepackage{times}
\usepackage{tikz}

\usetikzlibrary{arrows,shapes}


\begin{document}

\begin{frame}
\frametitle{The \TeX\ work flow}


\tikzstyle{format} = [draw, thin, fill=blue!20]
\tikzstyle{medium} = [ellipse, draw, thin, fill=green!20, minimum height=2.5em]

\begin{figure}
\begin{tikzpicture}[node distance=3cm, auto,>=latex', thick]
    % We need to set at bounding box first. Otherwise the diagram
    % will change position for each frame.
    \path[use as bounding box] (-1,0) rectangle (10,-2);
    \path[->]<1-> node[format] (tex) {.tex file};
    \path[->]<2-> node[format, right of=tex] (dvi) {.dvi file}
                  (tex) edge node {\TeX} (dvi);
    \path[->]<3-> node[format, right of=dvi] (ps) {.ps file}
                  node[medium, below of=dvi] (screen) {screen}
                  (dvi) edge node {dvips} (ps)
                        edge node[swap] {xdvi} (screen);
    \path[->]<4-> node[format, right of=ps] (pdf) {.pdf file}
                  node[medium, below of=ps] (print) {printer}
                  (ps) edge node {ps2pdf} (pdf)
                       edge node[swap] {gs} (screen)
                       edge (print);
    \path[->]<5-> (pdf) edge (screen)
                        edge (print);
    \path[->, draw]<6-> (tex) -- +(0,1) -| node[near start] {pdf\TeX} (pdf);
\end{tikzpicture}
\end{figure}
\end{frame}
\end{document}

Click to download: tex-workflow.textex-workflow.pdf
Open in Overleaf: tex-workflow.tex