[Tex/LaTex] Brace diagram in TikZ

diagramstikz-pgf

I apologize if this has already been covered in some other posts, but I couldn't find it anywhere and I'm not even sure if "brace diagram" is the correct name in English.

I have found some examples of probability trees, and some others that are close (like this: Draw Curly Braces in TikZ), but while playing with them I couldn't get the correct output (The part of the first "text here" when out of boundaries into the brace).

What I'm trying to do is something like this with TikZ:

enter image description here

I know there are some ways to do this with mathmode, but I'm really interested in learning a little more about TikZ and how it works for diagrams like this.

Best Answer

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{positioning,decorations.pathreplacing}

\begin{document}

\begin{tikzpicture}
\node (main) {Text here};
\begin{scope}[node distance=1em]
    \node [right=of main] (t2) {Some text2};
    \node [above=of t2]   (t1) {Some text1};
    \node [below=of t2]   (t3) {Some text3};
\end{scope}
 \draw[decorate,decoration={brace,mirror}] (t1.north west) -- (t3.south west);

\begin{scope}[node distance=.5em]
    \node [right =of t1,yshift= .5em] (st2) {Some text 1.2};
    \node [right =of t1,yshift=-.5em] (st3) {Some text 1.3};
    \node [right =of t1,yshift=  1.5em] (st1) {Some text 1.1};
    \node [right =of t1,yshift= -1.5em] (st4) {Some text 1.4};
\end{scope}
\draw[decorate,decoration={brace,mirror}] (st1.north west) -- (st4.south west);
\end{tikzpicture}

\end{document}

enter image description here

Related Solutions

[Tex/LaTex] Create diagrams in LaTeX with TikZ

Update: Improved code, and explanations and more examples added (after the first figure).

This is a "craftsman" solution, in which I fine-tuned a bit the control points for the bottom of the pit.

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{decorations.pathmorphing,calc}
\begin{document}
\usetikzlibrary{decorations.pathmorphing,calc}
\begin{tikzpicture}
% Define some reference points 
% The figure is drawn a bit bigger, and then clipped to the following dimensions:
\coordinate (clipping area) at (10, 7);
\clip (0,0) rectangle (clipping area);

% Next reference points are relative to the lower left corner of the clipping area
\coordinate (water level) at (0, 6);
\coordinate (bottom)      at (5, 1.3);     % (bottom of the pit)
\coordinate (ground1)     at (0, 5);       % (left shore)
\coordinate (ground2)     at (10, 5);      % (right shore)

% Coordinates of the bigger area really drawn
\coordinate (lower left)  at ([xshift=-5mm, yshift=-5mm] 0,0);
\coordinate (upper right) at ([xshift=5mm,  yshift=5mm] clipping area);

% Draw the water and ripples
\draw [draw=blue!80!black, decoration={bumps, mirror, segment length=6mm}, decorate,
     bottom color=cyan!60!black, top color=blue!20!white] 
  (lower left) rectangle (water level-|upper right);

% Draw the ground
\draw [draw=brown!30!black, fill=brown] 
  (lower left) -- (lower left|-ground1)  --
  (ground1) .. controls ($(ground1)!.3!(bottom)$) and (bottom-|ground1) ..
  (bottom) .. controls (bottom-|ground2) and ($(ground2)!.3!(bottom)$) .. 
  (ground2) -- (ground2-|upper right) -- (lower left-|upper right) -- cycle;

% \draw[dotted](0,0) rectangle (clipping area);

\end{tikzpicture}
\end{document}

Result:

Water and ground

Some explanations:

The figure is drawn bigger than the area shown, then it was clipped . This makes easier to draw the water and to remove the borders of the ground. In order to clarify this, you can reveal the clipping area by removing the line starting with \clip and adding at the end of the figure the line:
```
\draw[dotted](0,0) rectangle (clipping area);
```
You'll get:
I made great use of intersection coordinate system, i.e.: the syntax (node1|-node2), meaning "the coordinate located at the vertical of node1 and the horizontal of node2, that is, located at (node1.x, node2.y) (if this syntax were possible in tikz)
I defined a number of "reference points" to make easier the customization of the figure. For example, the figure can be made assymetrical changing the y coordinate of ground2, For example:
```
\coordinate (ground2)     at (10, 3);      % (right shore)
```
(See the result after the following bullet)
The origin (0,0) is located at the lower left corner of the clipping area, so that it is easier to add labels at specified points, but you can also use the named coordinates (bottom), (water level) and so on, and use relative coordinates to achieve greater simplicity and flexibility. For example:
```
\draw[>=stealth, <->] (bottom) -- (bottom|-water level) node[right, midway] {7m};
\draw[>=stealth, <-] ([shift={(-3mm,-8mm)}] ground2) -- +(-1,2) node[above] {Plateau};
```
The result of adding these lines (and also changing the vertical position of (ground2) is the following:

[Tex/LaTex] TikZ diagram, placement of nodes, dotted line

After your clarification I would suggest this:

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{matrix}
\usetikzlibrary{positioning,calc}
\begin{document}
\begin{tikzpicture}[% define styles for row labels and col labels here
    row style/.style={color=purple},%
    col style/.style={},%
]
\matrix[matrix of nodes,%
    column 1/.style={anchor=center,text centered,align=center},%
    column 2/.style={anchor=center,text centered,align=center},%
    minimum width=2cm,minimum height=2cm] (m) {%
  text1 &  text2 \\
  text3 &  text4 \\
};
  % column labels
  \node[col style,below=2mm of m-2-1] {col1}; 
  \node[col style,below=2mm of m-2-2] {col2};

  % row labels
  \node[row style,left=2mm of m-1-1] {row1}; 
  \node[row style,left=2mm of m-2-1] {row2};  

  % border around matrix
  \draw (m-1-1.north west) rectangle (m-2-2.south east); 

  % vertical dotted line
  \draw[dotted] (m-2-1.north east) -- (m-2-1.south east);

  % horizontal line
  \draw (m-1-1.south west) -- (m-1-2.south east);

  % place label between text1 and text2
  \node at ($(m-1-1)!.5!(m-1-2)$) [fill=white!100] {\emph{is}};

  % place label between text3 and text4
  \node at ($(m-2-1)!.5!(m-2-2)$) [fill=white!100] {\emph{is not}};  
\end{tikzpicture}
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] Create diagrams in LaTeX with TikZ

[Tex/LaTex] TikZ diagram, placement of nodes, dotted line

Related Question