[Tex/LaTex] Drawing circular diagram with arrows

technical-drawingtikz-pgf

How can draw a circular diagram with arrows in LaTeX (cf. Figure)?

Best Answer

The three arcs can be drawn initially as a circle, then the labels can be drawn on top with white background. The decorations library can be used to place all kinds of marks on a path like arrows. Unfortunately it is slightly verbose.

\documentclass[border=5pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{calc, arrows, decorations.markings}
\begin{document}

\begin{tikzpicture}[decoration = {markings,
    mark = between positions 0.1 and 1 step 0.3333 with {\arrow[>=stealth]{<}}
  }
  ]
  \draw[postaction = decorate] (0, 0) circle [radius = 1cm];
  \path (90 :1cm) node[fill=white]{$\hat{x}$}
        (330:1cm) node[fill=white]{$\hat{y}$}
        (210:1cm) node[fill=white]{$\hat{z}$};
\end{tikzpicture}

\end{document}

Another option is this:

\begin{tikzpicture}[decoration = {markings,
    mark = at position 0.5 with {\arrow[>=stealth]{>}}
  }
  ]
  \path (90 :1cm) node (x) {$\hat{x}$}
        (330:1cm) node (y) {$\hat{y}$}
        (210:1cm) node (z) {$\hat{z}$};
  \draw[postaction = decorate] (x) to[bend left=45] (y);
  \draw[postaction = decorate] (y) to[bend left=45] (z);
  \draw[postaction = decorate] (z) to[bend left=45] (x);
\end{tikzpicture}

with a similar output:

Code

\documentclass[parskip]{scrartcl}
\usepackage[margin=15mm]{geometry}
\usepackage{tikz}
\usetikzlibrary{decorations.text}

\newcommand{\arcarrow}[8]% inner radius, middle radius, outer radius, start angle, end angle, tip protusion angle, options, text
{   \pgfmathsetmacro{\rin}{#1}
    \pgfmathsetmacro{\rmid}{#2}
    \pgfmathsetmacro{\rout}{#3}
    \pgfmathsetmacro{\astart}{#4}
    \pgfmathsetmacro{\aend}{#5}
    \pgfmathsetmacro{\atip}{#6}
    \fill[#7] (\astart:\rin) arc (\astart:\aend:\rin) -- (\aend+\atip:\rmid) -- (\aend:\rout) arc (\aend:\astart:\rout) -- (\astart+\atip:\rmid) -- cycle;
    \path[decoration={text along path, text={#8}, text align={align=center}, raise=-0.5ex},decorate] (\astart+\atip:\rmid) arc (\astart+\atip:\aend+\atip:\rmid);
}

\begin{document}

\begin{tikzpicture}
    \fill[even odd rule,red!30] circle (3.8) circle (3.2);
    \foreach \x in {0,60,...,300} 
    {   \arcarrow{3}{3.5}{4}{\x+20}{\x+70}{5}{red,draw=red!50!black,very thick}{text \x}
    }
\end{tikzpicture}

\end{document}

enter image description here

[Tex/LaTex] Tikz diagram: nodes with arrows

This solution draw the diagram via tikz. Two styles are defined for blocks and lines respectively. To draw a line, label.anchor is used where anchor=north, south, east, and west.

enter image description here

Code

\documentclass[border=10pt]{standalone}
\usepackage{tikz}
\usetikzlibrary{positioning,arrows}
\tikzset{
block/.style={
  draw, 
  rectangle, 
  minimum height=1.5cm, 
  minimum width=3cm, align=center
  }, 
line/.style={->,>=latex'}
}
\begin{document}
\begin{tikzpicture}

\node[block] (a) {Sociogram\\ Develoment};
\node[block, above right = 0.2cm and 2cm of a] (b) {Inter-Action \\Modeling};
\node[block, below =2cm of b]   (c){Responsibilites\\ Modeling};
\node[block, right =2cm of b]   (d){Interaction\\ Modeling};
\node[block, right =2cm of c]   (e){Work in-group\\ Task Modeling};

\draw[line] (a.north) |- (b.west);
\draw[line] (a.south) |- (c.west);
\draw[line] (e.north) -- (d.south);
\draw[line] ([xshift=-1cm]b.south) -- ([xshift=-1cm]c.north);
\draw[line] ([xshift=1cm]c.north) -- ([xshift=1cm]b.south);
\draw[] (b.east) -- ++(10pt,0) coordinate[yshift=-1.7cm](l){} |- (c.east);
\draw[<->,>=latex'] (d.west) -- ++(-10pt,0) coordinate[yshift=-1.7cm,](r){} |- (e.west);
\draw[-] ([xshift=1cm]c.north) -- ([xshift=1cm]b.south);
\draw[line] (l) -- (r);
\end{tikzpicture}
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] Circular Arrows and Text on Path

Code

[Tex/LaTex] Tikz diagram: nodes with arrows

Related Question