[Tex/LaTex] Two figures next to each other (Tikz)

positioningtikz-pgf

I have read a couple of questions that are quite close to mine, but I have no idea how to incorporate them in my code. I have two figures and I would like to have them side by side. Could you give me a hand with this? Thanks

\documentclass{article}

\usepackage{pgfplots}
\usepackage{tikz}
\usetikzlibrary{patterns}

\pgfplotsset{compat=1.11,
/pgfplots/ybar legend/.style={
/pgfplots/legend image code/.code={%
   \draw[##1,/tikz/.cd,yshift=-0.25em]
    (0cm,0cm) rectangle (3pt,0.8em);},
},
}

\begin{document}

\pgfplotstableread[row sep=\\,col sep=&]{
interval & Eval & Dev \\
Mono     & 19.29  & 31.31 \\
Tri1     & 9.56 & 15.97  \\
Tri2    & 8.16 & 13.86 \\
Tri3   & 10 & 10 \\
}\mydata

\begin{tikzpicture}
\begin{axis}[
        ybar,
        bar width=.8cm, %ancho barra
        width=9cm, %dimensiones de figura
        height=.5\textwidth,
        legend style={at={(1,1)},
            anchor=north east,legend columns=-1},
        symbolic x coords={Mono, Tri1, Tri2, Tri3},
        xtick=data,
        nodes near coords, %letricas arriba
        nodes near coords align={vertical},
        ymin=0,ymax=35,
        ylabel={WER (\%)},
    ]
    \addplot [draw=black, fill=black] table[x=interval,y=Eval]{\mydata};
    \addplot [draw=black, pattern color = black, pattern = north west lines] table[x=interval,y=Dev]{\mydata};
    \legend{Eval, Dev}
\end{axis}
\node[above,font=\large\bfseries] at (current bounding box.north) {EN - Tg};
\end{tikzpicture}

\pgfplotstableread[row sep=\\,col sep=&]{
interval & Eval & Dev \\
Mono     & 20.87  & 32.70 \\
Tri1     & 10.22 & 16.26  \\
Tri2    & 8.38 & 14.87 \\
Tri3   & 10 & 10 \\
}\mydata

\begin{tikzpicture}
\begin{axis}[
        ybar,
        bar width=.8cm, %ancho barra
        width=9cm, %dimensiones de figura
        height=.5\textwidth,
        legend style={at={(1,1)},
            anchor=north east,legend columns=-1},
        symbolic x coords={Mono, Tri1, Tri2, Tri3},
        xtick=data,
        nodes near coords, %letricas arriba
        nodes near coords align={vertical},
        ymin=0,ymax=38,
        ylabel={WER (\%)},
    ]
    \addplot [draw=black, fill=black] table[x=interval,y=Eval]{\mydata};
    \addplot [draw=black, pattern color = black, pattern = north west lines] table[x=interval,y=Dev]{\mydata};
    \legend{Eval, Dev}
\end{axis}
\node[above,font=\large\bfseries] at (current bounding box.north) {EN - Tgpr};
\end{tikzpicture}

\end{document}

Best Answer

Based on Text placed under figure instead of above and Manually Place a Figure in LaTeX (here: End of Chapter/Section).
I put you pgfplots stuff in external files in order to make the structure of the code clearer (in general a good idea in my opinion).
Here I use the float package in order to place the float manually (\begin{figure}[H]) at a specific position (there are opinions against that solution).
You have a weird mixture of absolute and relative dimensions (e. g. bar width=.8cm and height=.5\textwidth). I did not optimize that - I just changed it a bit until the MWE was ok-ish.
I also show how to reference the figures (\ref and \label).

Main Code

\usepackage{subcaption} is essential.

\begin{figure}[H]
    \centering
    \begin{subfigure}[t]{0.5\textwidth}
        \centering
        \input{pgfplots__Diagram__1.tex}
        \caption{Subcaption of the left diagram.}
        \label{Fig:SubLeft}
    \end{subfigure}%
    ~ 
    \begin{subfigure}[t]{0.5\textwidth}
        \centering
        \input{pgfplots__Diagram__2.tex}
        \caption{Subcaption of the right diagram.}
        \label{Fig:SubRight}
    \end{subfigure}
    \caption{Caption of both diagrams.}
    \label{Fig:Main}
\end{figure}

Full Code

\documentclass{article}

\usepackage{filecontents}

%%%
\begin{filecontents}{pgfplots__Diagram__1.tex}
%
    \pgfplotstableread[row sep=\\,col sep=&]{
    interval & Eval & Dev \\
    Mono     & 19.29  & 31.31 \\
    Tri1     & 9.56 & 15.97  \\
    Tri2    & 8.16 & 13.86 \\
    Tri3   & 10 & 10 \\
    }\myDataDiagramOne
    %
    \begin{tikzpicture}
    \begin{axis}[
            ybar,
            bar width=4mm, 
            width=0.95\textwidth,
            height=50mm,
            legend style={at={(1,1)},
                anchor=north east,legend columns=-1},
            symbolic x coords={Mono, Tri1, Tri2, Tri3},
            xtick=data,
            nodes near coords, %letricas arriba
            nodes near coords align={vertical},
            ymin=0,ymax=35,
            ylabel={WER (\%)},
        ]
        \addplot [draw=black, fill=black] table[x=interval,y=Eval]{\myDataDiagramOne};
        \addplot [draw=black, pattern color = black, pattern = north west lines] table[x=interval,y=Dev]{\myDataDiagramOne};
        \legend{Eval, Dev}
    \end{axis}
    \node[above,font=\large\bfseries] at (current bounding box.north) {EN - Tg};
    \end{tikzpicture}
%
\end{filecontents}

%%%
\begin{filecontents}{pgfplots__Diagram__2.tex}
%
    \pgfplotstableread[row sep=\\,col sep=&]{
    interval & Eval & Dev \\
    Mono     & 20.87  & 32.70 \\
    Tri1     & 10.22 & 16.26  \\
    Tri2    & 8.38 & 14.87 \\
    Tri3   & 10 & 10 \\
    }\myDataDiagramTwo
    %
    \begin{tikzpicture}
    \begin{axis}[
            ybar,
            bar width=4mm, 
            width=0.95\textwidth,
            height=50mm,
            legend style={at={(1,1)},
                anchor=north east,legend columns=-1},
            symbolic x coords={Mono, Tri1, Tri2, Tri3},
            xtick=data,
            nodes near coords, %letricas arriba
            nodes near coords align={vertical},
            ymin=0,ymax=38,
            ylabel={WER (\%)},
        ]
        \addplot [draw=black, fill=black] table[x=interval,y=Eval]{\myDataDiagramTwo};
        \addplot [draw=black, pattern color = black, pattern = north west lines] table[x=interval,y=Dev]{\myDataDiagramTwo};
        \legend{Eval, Dev}
    \end{axis}
    \node[above,font=\large\bfseries] at (current bounding box.north) {EN - Tgpr};
    \end{tikzpicture}
%
\end{filecontents}

\usepackage{pgfplots}
\usepackage{tikz}
\usetikzlibrary{patterns}

% https://tex.stackexchange.com/questions/376318
\usepackage{subcaption}
\usepackage{float}


\begin{document}

Text before.

\begin{figure}[H]
    \centering
    \begin{subfigure}[t]{0.5\textwidth}
        \centering
        \input{pgfplots__Diagram__1.tex}
        \caption{Subcaption of the left diagram.}
        \label{Fig:SubLeft}
    \end{subfigure}%
    ~ 
    \begin{subfigure}[t]{0.5\textwidth}
        \centering
        \input{pgfplots__Diagram__2.tex}
        \caption{Subcaption of the right diagram.}
        \label{Fig:SubRight}
    \end{subfigure}
    \caption{Caption of both diagrams.}
    \label{Fig:Main}
\end{figure}

Text after. In \figurename~\ref{Fig:Main} there are two subfigures, nameley Subfigure~\ref{Fig:SubLeft} and \ref{Fig:SubRight}.

\end{document}

Related Solutions

[Tex/LaTex] Place two tikz nodes next to each other

TikZ is very well integrated to TeX and you can use the same methods to modify some texts. For example you can use TeX's groups outside the tikzpicture environment or inside. You can use specific options inside a tikzpicture environment or inside a node. The main rule is that the text inside a node used the font defined outside if you don't use a specific option to change the font.

Now to put some text right the main node, you can use label= ... to define a label node or you can use the positioning library or you can use anchor=

\documentclass[11pt]{scrartcl}  
\usepackage[utf8]{inputenc} 
\usepackage{fourier,tikz}
 \usetikzlibrary{positioning}
\begin{document}  
  Font  by default

\begingroup 
\ttfamily\small
\begin{tikzpicture}
\node {Text in he node};
\end{tikzpicture} 

After the \emph{tikzpicture} but inside the group. 
\endgroup

Outside the  \verb+tikzpicture+ and outside the group.

\begin{tikzpicture}
  \node[font=\huge\bfseries] {Text in he node};
\end{tikzpicture}

\begin{tikzpicture}
 \begingroup \bfseries\small
  \node {First node};
   \endgroup  
  \node at (0,-1) {Second node}; 
\end{tikzpicture} 

\begin{tikzpicture}
  \node[draw,label={[align=left]right:right label\\ok}] {Main label};
\end{tikzpicture} 

 \begin{tikzpicture}
  \node[draw] (main){Main label}; 
  \node[right=0pt of main] (sub){Sub label};
\end{tikzpicture} 

 \begin{tikzpicture}
  \node[draw] (main){Main label}; 
  \node[anchor=west] at (main.east){Sub label};
\end{tikzpicture}   
\end{document}

enter image description here

[Tex/LaTex] Placing two figures (each having subfigures) next two each other

You can't put a floating object inside a minipage, but you can place minipages inside a floating object. I notice that you are using the obsolete subfigure package; you should use subfig or subcaption instead.

Below there are two approaches; the first one using the subfig package, and the other one using the subcaption package:

\documentclass{article}
\usepackage[demo]{graphicx}
\usepackage{caption}
\usepackage{subfig} % Needs subfig for this example.

\begin{document}

\begin{figure}
\begin{minipage}{.48\textwidth}
\centering
\subfloat[]{\includegraphics[width=.4\linewidth]{fig1}}\quad
\subfloat[]{\includegraphics[width=.4\linewidth]{fig2}}
\caption{First figure with two subfigures}
\label{fig:testa}
\end{minipage}\hfill
\begin{minipage}{.48\textwidth}
\centering
\subfloat[]{\includegraphics[width=.4\linewidth]{fig3}}\quad
\subfloat[]{\includegraphics[width=.4\linewidth]{fig4}}
\caption{Second figure with two subfigures}
\label{fig:testb}
\end{minipage}
\end{figure}

\end{document}

enter image description here

\documentclass{article}
\usepackage[demo]{graphicx}
\usepackage{caption}
\usepackage{subcaption}

\begin{document}

\begin{figure}
\begin{minipage}{.48\textwidth}
\centering
\subcaptionbox{}{\includegraphics[width=.4\linewidth]{fig1}}\quad
\subcaptionbox{}{\includegraphics[width=.4\linewidth]{fig2}}
\caption{First figure with two subfigures}
\label{fig:testa}
\end{minipage}\hfill
\begin{minipage}{.48\textwidth}
\centering
\subcaptionbox{}{\includegraphics[width=.4\linewidth]{fig3}}\quad
\subcaptionbox{}{\includegraphics[width=.4\linewidth]{fig4}}
\caption{Second figure with two subfigures}
\label{fig:testb}
\end{minipage}
\end{figure}

\end{document}

enter image description here

The demo option for graphicx simply replaces actual figures with black rectangles; do not use that option in your actual document.

Best Answer

Main Code

Full Code

Related Solutions

[Tex/LaTex] Place two tikz nodes next to each other

[Tex/LaTex] Placing two figures (each having subfigures) next two each other

Related Question