diagrams
I am new to this forum and a very new user of LaTeX. So the question may be very naive. Sorry for this. I truly appreciate your help. I have no idea where to begin.
How can I make the following figures with LaTeX?
Figure 1 on the web-page http://www.engsc.ac.uk/learning-and-teaching-theory-guide/constructive-alignment
Last figure on the page:
http://sydney.edu.au/education_social_work/groupwork/docs/ConstructiveAlignment.pdf
The figure, circular figure, on the web-page
For the first problem, nodes having the same size, see Dependent node size in TikZ (which solution I am going to use) and the linked questions which comes down to identifying the widest/tallest/deepest element and giving its measurements as options to the nodes (see text width, text height and text depth). I am using my node-families library from the linked question/answer.
The second problem, better connections between the matrices, see for example the very last example of my answer to Converging and diverging nodes in a flowchart and many others that use (angle) anchors and |-/-| as coordinate specifications. I am going to use a specific mix which includes the use of my paths.ortho library.
Your fourth point, regarding the use of matrices, I think that this is a good example to use matrices, even though we only have one column per matrix. For more complicated stuff and maybe even the matrices with the bold black border, one can use a combination of the fit and the backgrounds library. For examples see my answers [1] and [2].
Now, the black borders will require work. I am using here a solution that first places the fully filled node (Mikro- and Makroebene), and then adds a matrix directly below it which both are then fitted with a node that is only used for the drawn line around it.
There are many different approaches possible for this problem. It is our advantage that these problematic matrices are only placed in the lower row of all matrices and only to the right of other matrices. Note the xshift and yshift in the Title style. If you want to place it to the left, you need to use a negative yshift value (well, at least if you want to use the “correct” node distance). If you want to place such matrices above other nodes/matrices, you better first place the matrix part of this structure (then with a positive yshift for correction of the black border) and then the Title above it (but then without any shifting values).
My positioning-plus library adds another set of …=of … keys to the positioning library (and also loads fit). This introduces the north right=of <ref-node> key that basically is the same as right=of <ref-node>.north east, anchor=north west.
This library also allows us to use x_node_dist and y_node_dist as a reference to the node distances that is set with the node distance key.
\documentclass[tikz,border=5pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix, positioning-plus, node-families, paths.ortho}
\tikzset{
matrix inner xsep/.style={
/tikz/every node/.append style/.expanded={inner xsep={\pgfkeysvalueof{/pgf/inner xsep}}},
/pgf/inner xsep={#1}},
matrix inner ysep/.style={
/tikz/every node/.append style/.expanded={inner ysep={\pgfkeysvalueof{/pgf/inner ysep}}},
/pgf/inner ysep={#1}},
matrix inner sep/.style={matrix inner xsep={#1}, matrix inner ysep={#1}},
}
\begin{document}
\begin{tikzpicture}[
my matrix*/.style={
matrix inner sep=+1em,
matrix of nodes,
nodes={typetag, Minimum Width=m, text depth=+0pt},
row sep=+.5em,
Minimum Width=M},
my matrix/.style={
my matrix*, draw,
row 1/.append style={nodes=title}},
title/.style={draw=none, font=\bfseries},
Title/.style={
title,
outer sep=+0pt,
Minimum Width=M,
fill, text=white,
text depth=+0pt,
yshift=+-.25cm,
xshift=+.25cm,
inner ysep=.5em},
fitty/.style={fit=(#1')(#1''), line width=+.25cm, inner sep=+.125cm, draw, name=#1},
typetag/.style={draw=black, inner sep=1ex, align=center},
]
\matrix[my matrix] (mx1) {
Text A \\
Text 1 \\
Text 2 \\
Text 3 \\
Text 4 \\
Text 5 \\
Text 6 \\
};
\node[Title, north right=of mx1] (mx2') {Text D};
\matrix[my matrix, below=+0pt of mx2'] (mx2'') {
\node {Text ABC};\\
Text 13 \\
Text 14 \\
Text 15 \\
Text 16 \\
Text 17 \\
\node{Text 18}; \\
};
\node[fitty=mx2]{};
\node[Title, north right=of mx2] (mx3') {Text E};
\matrix[my matrix*, below=+0pt of mx3'] (mx3'') {Text 19 \\};
\node[fitty=mx3] {};
\matrix[my matrix, above=of mx2.north, matrix anchor=south east, shift=(left:.5*x_node_dist)] (mx5) {
Text B \\
\node{Text 7}; \\
Text 8 \\
Text 9 \\
\node{Text 10}; \\
Text 11 \\
};
\matrix[my matrix, north right=of mx5] (mx4) {
Text C \\
\node {Text 12}; \\
};
\path [thick, ->, >=latex]
{
[to path={([shift=(down:y_node_dist)]\tikztostart.north east) -- ([shift=(down:y_node_dist)]\tikztotarget.north west)}]
(mx1) edge (mx2)
(mx2) edge[<-] (mx3)
}
[|*] ([shift=(left:x_node_dist)] mx5.south east) edge (mx2)
([shift=(right:x_node_dist)] mx4.south west) edge (mx2)
;
\end{tikzpicture}
\end{document}
For (1), it's probably better to define coordinates which do not occupy space, rather than nodes which do occupy space. Loading the calc library will allow you to calculate the coordinate just 1cm above the node (k1):
\coordinate(n1)at($(k1)+(0,1cm)$);
For (2), instead of node[midway,above]{...}, use node[midway,anchor=base,yshift=1ex]{...}. Or, you can group the nodes into one scope and set
\begin{scope}[every node/.append style={anchor=base,yshift=1ex}]
\draw[latex-latex] (n1) -- (n2) node[midway,] {Text 7};
\draw[latex-latex] (n2) -- (n3) node[midway,] {Text 8};
\draw[latex-latex] (n3) -- (n4) node[midway,] {Text 9};
\draw[latex-latex] (n4) -- (n5) node[midway,] {Text 10};
\draw[latex-latex] (n5) -- (n6) node[midway,] {Text 11};
\end{scope}
For (3), load the arrows library, add
>=latex
to the tikzpicture options, and pass the option |<->| to \draw (instead of latex-latex):
\draw[|<->|] (n2) -- (n3) node[midway,above] {Text 8};
\documentclass[tikz,border=5pt]{standalone}
\usepackage[ngerman]{babel}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage[utf8]{inputenc}
%
\usepackage{tikz}
\usetikzlibrary{matrix,positioning,arrows,calc}
\begin{document}
\begin{tikzpicture}[
kreis/.style={circle,draw,minimum width=20pt},
every node/.style={align=center},
>=latex,
]
\matrix(mat)[row sep=10pt, column sep=60pt] at (0,0) {
\node[kreis](k1) {}; &
\node[kreis](k2) {}; &
\node[kreis](k3) {}; &
\node[kreis](k4) {}; &
\node[kreis](k5) {}; &
\node[kreis](k6) {}; \\ };
\draw[->] (k1) -- (k2);
\draw[->] (k2) -- (k3);
\draw[->] (k3) -- (k4);
\draw[->] (k4) -- (k5);
\draw[->] (k5) -- (k6);
\node [below,text width=2.5cm,font=\small] at (k1.south) {Text 1};
\node [below,text width=2.5cm,font=\small] at (k2.south) {Text 2};
\node [below,text width=2.5cm,font=\small] at (k3.south) {Text 3};
\node [below,text width=2.5cm,font=\small] at (k4.south) {Text 4};
\node [below,text width=2.5cm,font=\small] at (k5.south) {Text 5};
\node [below,text width=2.5cm,font=\small] at (k6.south) {Text 6};
\foreach \i in {1,...,6}
\coordinate(n\i)at($(k\i)+(0,1cm)$);
\foreach \j in {1,5,6}
\coordinate(m\j)at($(n\j)+(0,1cm)$);
\foreach \k in {1,6}
\coordinate(k\k)at($(m\k)+(0,1cm)$);
\begin{scope}[every node/.append style={anchor=base,yshift=1ex}]
\draw[|<->|] (n1) -- (n2) node[midway] {Text 7};
\draw[|<->|] (n2) -- (n3) node[midway] {Text 8};
\draw[|<->|] (n3) -- (n4) node[midway] {Text 9};
\draw[|<->|] (n4) -- (n5) node[midway] {Text 10};
\draw[|<->|] (n5) -- (n6) node[midway] {Text 11};
\draw[|<->|] (m1) -- (m5) node[midway] {Text 12};
\draw[|<->|] (m5) -- (m6) node[midway] {Text 13};
\draw[|<->|] (k1) -- (k6) node[midway] {Text 14};
\end{scope}
\end{tikzpicture}
\end{document}
Best Answer
I'm only posting this code since I have it lying around. As the comments have noted, it's better to use this site to ask specific questions about code you have tried, rather than general questions about drawing whole classes of diagrams.
The diagram below is similar to the kinds of diagrams you are talking about, and should give you enough to get started. If you encounter problems with the actual diagrams you create, you can post specific questions about the code you have. (Make sure that you add a minimal working example to new questions that you ask.)