Creating Diagrams with Tikz? [duplicate]












0















This question already has an answer here:




  • How to typeset flowcharts in LaTeX?

    4 answers



  • PowerPoint's “Smart Art” for TikZ?

    1 answer



  • How to draw a hierarchical diagram in tikz?

    2 answers




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










share|improve this question















marked as duplicate by Henri Menke tikz-pgf
Users with the  tikz-pgf badge can single-handedly close tikz-pgf questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
4 hours ago


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
    5 hours ago
















0















This question already has an answer here:




  • How to typeset flowcharts in LaTeX?

    4 answers



  • PowerPoint's “Smart Art” for TikZ?

    1 answer



  • How to draw a hierarchical diagram in tikz?

    2 answers




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










share|improve this question















marked as duplicate by Henri Menke tikz-pgf
Users with the  tikz-pgf badge can single-handedly close tikz-pgf questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
4 hours ago


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
    5 hours ago














0












0








0








This question already has an answer here:




  • How to typeset flowcharts in LaTeX?

    4 answers



  • PowerPoint's “Smart Art” for TikZ?

    1 answer



  • How to draw a hierarchical diagram in tikz?

    2 answers




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










share|improve this question
















This question already has an answer here:




  • How to typeset flowcharts in LaTeX?

    4 answers



  • PowerPoint's “Smart Art” for TikZ?

    1 answer



  • How to draw a hierarchical diagram in tikz?

    2 answers




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





This question already has an answer here:




  • How to typeset flowcharts in LaTeX?

    4 answers



  • PowerPoint's “Smart Art” for TikZ?

    1 answer



  • How to draw a hierarchical diagram in tikz?

    2 answers








tikz-pgf tikz-arrows






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 5 hours ago







Zak Fischer

















asked 5 hours ago









Zak FischerZak Fischer

255




255




marked as duplicate by Henri Menke tikz-pgf
Users with the  tikz-pgf badge can single-handedly close tikz-pgf questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
4 hours ago


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.






marked as duplicate by Henri Menke tikz-pgf
Users with the  tikz-pgf badge can single-handedly close tikz-pgf questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
4 hours ago


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
    5 hours ago














  • 1




    There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram include positioning, matrix and chains.
    – marmot
    5 hours ago








1




1




There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram include positioning, matrix and chains.
– marmot
5 hours ago




There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram include positioning, matrix and chains.
– marmot
5 hours ago










1 Answer
1






active

oldest

votes


















3














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.



documentclass[tikz,border=3.14mm]{standalone}
usetikzlibrary{matrix}
begin{document}
begin{tikzpicture}[node font=sffamilybfseries]
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} & \
};
begin{scope}[blue!40,thick,>=latex]
draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
node[pos=0.25,above,blue]{Adjustment};
draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
node[pos=0.75,above,blue]{Backtesting};
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);
end{scope}
end{tikzpicture}
end{document}


enter image description here






share|improve this answer

















  • 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
    4 hours ago


















1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









3














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.



documentclass[tikz,border=3.14mm]{standalone}
usetikzlibrary{matrix}
begin{document}
begin{tikzpicture}[node font=sffamilybfseries]
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} & \
};
begin{scope}[blue!40,thick,>=latex]
draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
node[pos=0.25,above,blue]{Adjustment};
draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
node[pos=0.75,above,blue]{Backtesting};
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);
end{scope}
end{tikzpicture}
end{document}


enter image description here






share|improve this answer

















  • 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
    4 hours ago
















3














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.



documentclass[tikz,border=3.14mm]{standalone}
usetikzlibrary{matrix}
begin{document}
begin{tikzpicture}[node font=sffamilybfseries]
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} & \
};
begin{scope}[blue!40,thick,>=latex]
draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
node[pos=0.25,above,blue]{Adjustment};
draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
node[pos=0.75,above,blue]{Backtesting};
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);
end{scope}
end{tikzpicture}
end{document}


enter image description here






share|improve this answer

















  • 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
    4 hours ago














3












3








3






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.



documentclass[tikz,border=3.14mm]{standalone}
usetikzlibrary{matrix}
begin{document}
begin{tikzpicture}[node font=sffamilybfseries]
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} & \
};
begin{scope}[blue!40,thick,>=latex]
draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
node[pos=0.25,above,blue]{Adjustment};
draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
node[pos=0.75,above,blue]{Backtesting};
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);
end{scope}
end{tikzpicture}
end{document}


enter image description here






share|improve this answer












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.



documentclass[tikz,border=3.14mm]{standalone}
usetikzlibrary{matrix}
begin{document}
begin{tikzpicture}[node font=sffamilybfseries]
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} & \
};
begin{scope}[blue!40,thick,>=latex]
draw[->] (mat-1-1.north) -- ++ (0,0.3) -| (mat-1-3)
node[pos=0.25,above,blue]{Adjustment};
draw[->] (mat-1-1.west) -- ++ (-0.5,0) |- (mat-4-2)
node[pos=0.75,above,blue]{Backtesting};
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);
end{scope}
end{tikzpicture}
end{document}


enter image description here







share|improve this answer












share|improve this answer



share|improve this answer










answered 5 hours ago









marmotmarmot

89.7k4103194




89.7k4103194








  • 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
    4 hours ago














  • 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
    4 hours ago








1




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
4 hours ago




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
4 hours ago



Popular posts from this blog

A CLEAN and SIMPLE way to add appendices to Table of Contents and bookmarks

Calculate evaluation metrics using cross_val_predict sklearn

Insert data from modal to MySQL (multiple modal on website)