[Tex/LaTex] Interactive Beamer presentation with Clicks and Arrows

beamerinteractionpresentationstikz-pgf

I watched a nice presentation here about atrial fibrillation with interactive features.
I would like to have similar features too.

Code

\documentclass{beamer}
\usepackage{enumerate}
\usetheme{Copenhagen}    
\usepackage[T1]{fontenc}
\usepackage{newunicodechar}
\begin{document}
\begin{frame}
\frametitle{Normal Conduction System}
\begin{figure}
\center
\includegraphics[scale=0.4]{image.png}
\end{figure}
\end{frame}
\end{document}

where picture

enter image description here

Clicking right-atrium gives

enter image description here

Clicking left-atrium gives

enter image description here

You can click any part of those parts in any order and it gives arrow there.
I do not know if Beamer is sufficient for this.
Probably, some combination with Tikz?

How can you have such an interactive model for a picture in LaTeX?

Best Answer

You can overlay invisible hyperlinks over the image, they are rectangular but you can tile the image as finely as needed. Here I use four tiles and clicking on each of the areas of the heart takes you to the relevant page. (One image appears to have been over-written by mistake, ignore that:-)

enter image description here

\documentclass{article}
\usepackage{graphicx}
\usepackage[colorlinks=false,pdfborder={0 0 0}]{hyperref}
\begin{document}

\includegraphics{h1}%
\begin{picture}(0,0)
\put(-120,120){\hyperref[h-ra]{\makebox(40,70){}}}
\put(-75,130){\hyperref[h-la]{\makebox(50,60){}}}
\put(-120,40){\hyperref[h-rv]{\makebox(30,80){}}}
\put(-80,40){\hyperref[h-lv]{\makebox(50,80){}}}
\end{picture}%

\clearpage
\section*{Right atrium\label{h-ra}}
\includegraphics{h-ra}
\clearpage
\section*{Left atrium\label{h-la}}
\includegraphics{h-la}
\clearpage
\section*{Right ventricle\label{h-rv}}
\includegraphics{h-ra}
\clearpage
\section*{Left-ventrical\label{h-lv}}
\includegraphics{h-lv}

\end{document}

while positioning the boxes use \framebox instead of \makebox then you can see the tiles:

enter image description here

Related Solutions

[Tex/LaTex] Using \only in beamer presentation

Your aim seems to be to present several different policies, while leaving the general description of the first two items as a constant. You can use a combination of \alt and \only `:

\documentclass{beamer}

\begin{document}

\begin{frame}[t]
\frametitle{Heuristic Policies}

\begin{columns}

\column{0.5\textwidth}
\begin{itemize}
\item<1-> These are methods aiming to give a good but not necessarily optimal solution to a problem.
\item<2-> There exist a number of such policies for bandit problems.
\alt<1-9>{
\item<3-9> Greedy policy:
\begin{itemize}
\normalsize
\item<4-9> choose arm with greatest expected reward
\item<5-9> ignores variability in prior distribution
\item<6-9> quite good for Bernoulli bandits, but less effective for normal bandits
\end{itemize}
}{\only<10-14>{\item<10-> Next policy:
\begin{itemize}
\normalsize
\item<11-14> comment 1
\item<12-14> comment 2
\item<13-14> comment 3\par
\rule{0pt}{2.7cm}
\end{itemize}}
\only<15-18>{\item<15-> Another policy:
\begin{itemize}
\normalsize
\item<16-18> Another comment 1
\item<17-18> Another comment 2
\item<18-18> Another comment 3\par
\rule{0pt}{2.7cm}
\end{itemize}}
}
\end{itemize}

\column{0.3\textwidth}
\vspace{-25pt}
\uncover<7->{\begin{figure}
\begin{center}
\includegraphics[height = 2.7cm, trim=-1cm 0cm 0cm 0cm,clip=true,width=3cm]{example-image-a}
\caption*{$(\alpha,\beta) = (1,1)$}
\end{center}
\end{figure}}
\vspace{-25pt}
\uncover<8->{
\begin{figure}
\begin{center}
\includegraphics[height = 2.7cm, trim=-1cm 0cm 0cm 0cm,clip=true,width=3cm]{example-image-a}
\caption*{$(\alpha,\beta) = (6,5)$}
\end{center}
\end{figure}}

\column{0.2\textwidth} 
\only<9>{$\Rightarrow$ play this arm} 
\only<13-14>{$\Rightarrow$ play this arm with probability $\varepsilon$\vspace{80pt}} 
\only<14>{$\Rightarrow$ play this arm with probability $1-\varepsilon$} 
\end{columns} 
\onslide<10>{\null}
\end{frame}

\end{document}

To avoid the jumping of the first common two items I used some "invisible" rules.

An animated image of the resulting document:

enter image description here

[Tex/LaTex] Numerical conditional within tikz keys

I am definitely unfamiliar with both beamer and tikz (do not quite get what the \only are supposed to do) but perhaps this could go in the direction you want:

\documentclass{beamer}
\usepackage{tikz}
\usetikzlibrary{chains}
\newcounter{count}

% helper macro:
\long\def\GobToSemiColon #1;{}

\newcommand\myPicture{
\begin{tikzpicture}
  \begin{scope}[start chain = going below]
  \ifnum\value{count}<1 \expandafter\GobToSemiColon\fi
  \ifnum\value{count}>3 \expandafter\GobToSemiColon\fi
  \node[draw, rectangle, on chain] {display only when counter is between
    1 and 3};

  \ifnum\value{count}>-1 \expandafter\GobToSemiColon\fi
  \node[draw, rectangle, on chain] {display only when counter is
    negative}; 

  \ifnum\value{count}<100 \expandafter\GobToSemiColon\fi
  \ifnum\value{count}>200 \expandafter\GobToSemiColon\fi  
  \node[draw, rectangle, on chain] {display only if counter is between
    100 and 200};

  \ifnum\value{count}<3 \expandafter\GobToSemiColon\fi
  \ifnum\value{count}>20 \expandafter\GobToSemiColon\fi
  \node[draw, circle, on chain] {only when counter is in the range 3 to 20};
  \end{scope}
\end{tikzpicture}
}

\begin{document}
\begin{frame}
\only{\setcounter{count}{-3}\myPicture}
\only{\setcounter{count}{105}\myPicture}
\only{\setcounter{count}{39}\myPicture}
\only{\setcounter{count}{2}\myPicture}
\only{\setcounter{count}{5}\myPicture}
\end{frame}
\end{document}

beamer

Best Answer

Related Solutions

[Tex/LaTex] Using \only in beamer presentation

[Tex/LaTex] Numerical conditional within tikz keys

Related Question