[Tex/LaTex] Replicate Action Plan with Tikz

tikz-pgftikz-styles

I am wanting to create a template to use for a personal action plan. I googled around and found a format I like. I started to re-create this using TikZ, but I am not that familiar with the package. I want to create a template that looks like the image below (minus the text, I'll enter my own obviously), but I like the boxes and flow. Can anyone help me get started or give me some ideas on how to replicate this layout? Thanks so much!![enter image description here]1

Best Answer

Torbjørn T. already showed you how to draw the signal nodes. Other than that you can use a matrix. (Why append after command below does not work as expected, I do not know, but at least it creates the space needed to extend the arrows.) And please forgive me for not punching in the texts from your screenshot.

\documentclass[tikz,border=3.14mm]{standalone}
\usetikzlibrary{shapes.symbols,matrix,patterns}
\begin{document}
\begin{tikzpicture}[font=\sffamily,
box/.style={draw,fill=green!20,align=center},
arr/.style={draw,fill=red!20,signal, signal to=south, signal pointer angle=160,
align=center}, % Torjorn
tbox/.style={draw,align=left},
sr/.style={signal,text width=1.8cm,align=left,alias=tmp,
append after command={(tmp.north east) -- ++ (0.2,0) -- ++(0.5,-0.5)
-- ++ (-0.5,-0.5) -- (tmp.south east)},draw=black}
]
 \matrix (mat) [matrix of nodes,column sep=2pt,row sep=3pt,nodes={text width=3cm,anchor=center,minimum height=1cm}]
 { |[sr,fill=green!20]| {Current\\ skills} & 
  |[box]| hupflbupfl & |[box]| hupflbupfl & 
  |[box]| hupflbupfl & |[box]| hupflbupfl \\
 |[sr,fill=red!20]| {Skills to\\ work on} & 
  |[arr]| hupflbupfl & |[arr]| hupflbupfl & 
  |[arr]| hupflbupfl & |[arr]| hupflbupfl \\
  & |[tbox]| {\begin{itemize}
   \item some item
   \item another item
   \item one more item
   \end{itemize}
   ~} 
  & |[tbox]| {\begin{itemize}
   \item some item
   \item another item
   \item one more item
   \end{itemize}
   ~} 
  & |[tbox]| {\begin{itemize}
   \item some item
   \item another item
   \item one more item
   \end{itemize}
   ~} 
  & |[tbox]| {\begin{itemize}
   \item some item
   \item another item
   \item one more item
   \end{itemize}
   ~} 
   \\
 };
 \foreach \X in {1,2}
 {\draw ([yshift=-\pgflinewidth/2]mat-\X-1.north east) -- ++ (0.2,0) 
 -- ([xshift=2mm]mat-\X-1.east)
 -- ([xshift=2mm,yshift=\pgflinewidth/2]mat-\X-1.south east) -- ([yshift=\pgflinewidth/2]mat-\X-1.south east);
 }
 \path[pattern=crosshatch dots,pattern color=blue]
 ([xshift=-2mm]mat-3-2.north west) --
 ([xshift=-1.5cm]mat-3-2.west) 
 node[circle,fill=blue!30,text=white,minimum size=1.4cm,align=center] {Goals}
 -- ([xshift=-2mm]mat-3-2.south west) -- cycle;
 \path (mat-1-1.south) -- (mat-2-1.north) coordinate[midway] (aux);
 \draw[dashed] (mat.west |- aux) -- (mat.east |- aux);
\end{tikzpicture}
\end{document}

enter image description here

Related Question