Creating Diagrams with Tikz? [duplicate]
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?
tikz-pgf tikz-arrows
marked as duplicate by Henri Menke
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.
add a comment |
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?
tikz-pgf tikz-arrows
marked as duplicate by Henri Menke
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 includepositioning
,matrix
andchains
.
– marmot
5 hours ago
add a comment |
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?
tikz-pgf tikz-arrows
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?
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
tikz-pgf tikz-arrows
edited 5 hours ago
Zak Fischer
asked 5 hours ago
Zak FischerZak Fischer
255
255
marked as duplicate by Henri Menke
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
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 includepositioning
,matrix
andchains
.
– marmot
5 hours ago
add a comment |
1
There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram includepositioning
,matrix
andchains
.
– 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
add a comment |
1 Answer
1
active
oldest
votes
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}
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
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
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}
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
add a comment |
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}
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
add a comment |
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}
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}
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
add a comment |
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
add a comment |
1
There is probably no objectively "best" approach. Possible libraries that may help you to draw this diagram include
positioning
,matrix
andchains
.– marmot
5 hours ago