I am still new to Tikz, and wondering how to make the diagram below using Tikz. Does anyone have any advice or know how to do this?

enter image description here

marked as duplicate by Henri Menke tikz-pgf Jan 9 at 0:59

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • 1
    There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram include positioning, matrix and chains. – marmot Jan 8 at 23:34

One out of many possibilities. The purpose of this answer is to outline one possible way to arrange the nodes as in the screen shot and to connect them, and not to reproduce the colors.

\begin{tikzpicture}[node font=\sffamily\bfseries]
\matrix[column sep=0pt,matrix of nodes,
nodes={text=white,text width=4cm,anchor=center,minimum
height=1cm,align=center}] (mat)
|[fill=blue!80!black]| Experience Data & & |[fill=blue!80!black]| Expert Opinion\\[1cm]
|[fill=red!80!black]| KPIs & & |[fill=red!80!black]| {Cause--And--Effect\\ Relationships}\\[1cm]
& |[fill=orange!80!black]| Model Inference & \\[0.75cm]
& |[fill=green!80!orange]| {Cyber Risk\\ Assessment} & \\
\draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
\draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
\draw (mat-1-1.south) -- ++ (0,-0.3) -| (mat-1-3) coordinate[pos=0.25] (aux1)
 (mat-2-1.north) -- ++ (0,0.3) -| (mat-2-3) coordinate[pos=0.25] (aux2)
 (mat-2-1.south) -- ++ (0,-0.3) -| (mat-2-3) coordinate[pos=0.25] (aux3)
 (aux1) -- (aux2) (aux3) -- (mat-3-2) (mat-3-2) -- (mat-4-2);

enter image description here

  • 1
    Perfect! Thanks! This is exactly what I was looking for -- not worried about matching the colors, and just wanted to see how to outline and connect the nodes. Thanks so much for your help!! :) – Zak Fischer Jan 9 at 0:13

Not the answer you're looking for? Browse other questions tagged or ask your own question.