[Tex/LaTex] Putting two Tikz Images Side-by-Side

graphicspgfplotstikz-pgf

I am trying to make these two images appear side-by-side.

\documentclass[a4paper, 12pt]{article}
\usepackage{pgfplots}
\pgfplotsset{compat=1.15}
\begin{document}

\begin{figure}[ht]

\centering

\begin{tikzpicture}[scale=1.2,line width=1pt]
\begin{axis}[
color= gray,
xmin=-9, 
xmax=9, 
ymin=-9, 
ymax=9, 
axis equal image, 
axis lines=middle, 
xticklabels={}, 
yticklabels={},
font=\scriptsize,
ticks=none,
xlabel = $x$,
ylabel = $y$,
inner axis line style={stealth-stealth}
]

\draw[blue, fill=blue, fill opacity=0.20, dashed] plot [smooth cycle] 
coordinates {(-6,0) (-4,2) (-3,6) (-1.5,6) (1,4) (3,6) (5,2) (2,-1) (4,-4) 
(3,-5) (0,-6) (-3,-5)};
\filldraw[black] (3,6) circle (0pt) node[above right] {$D$};
\filldraw[black, fill opacity=1] (-2,-2) circle (1.5pt) node[above right] 
{$z$};

\end{axis}
\end{tikzpicture}

\qquad

\begin{tikzpicture}[scale=1.2,line width=1pt]
\begin{axis}[
color= gray,
xmin=-9, 
xmax=9, 
ymin=-9, 
ymax=9, 
axis equal image, 
axis lines=middle, 
xticklabels={}, 
yticklabels={},
font=\scriptsize,
ticks=none,
xlabel = $u$,
ylabel = $v$,
inner axis line style={stealth-stealth}
]

\draw[black, ultra thin, dashed] (0,0) circle [radius=5];
\draw[black] (-3.525,3.525) circle (0pt) node[above left] {$|f|$};
\filldraw[black, fill opacity=1] (3.525,3.525) circle (1.5pt) node[above 
right] {$f$};

\end{axis}
\end{tikzpicture}

\caption{Mapping a point $z=x+iy$ in $D$ onto $f=u+iv$ when $|f|$ is 
constant.}

\end{figure}

\end{document}

Right now, this is how the figure compiles:

I would like to have the two graphs in this picture side-by-side, as opposed to them being on top of each other. I tried using the \qquad command but to no avail.

Any suggestions?

Best Answer

You have empty lines between the pictures, which get interpreted as ends of paragraphs, which means they introduce line breaks. If you get rid of them, and use a slightly wider geometry (e.g. the one that comes automatically when loading the geometry package), your pics are side by side.

\documentclass[a4paper, 12pt]{article}
\usepackage{pgfplots}
\pgfplotsset{compat=1.15}
\usepackage[showframe]{geometry}
\begin{document}

\begin{figure}[ht]

\centering

\begin{tikzpicture}[scale=1.2,line width=1pt]
\begin{axis}[
color= gray,
xmin=-9, 
xmax=9, 
ymin=-9, 
ymax=9, 
axis equal image, 
axis lines=middle, 
xticklabels={}, 
yticklabels={},
font=\scriptsize,
ticks=none,
xlabel = $x$,
ylabel = $y$,
inner axis line style={stealth-stealth}
]

\draw[blue, fill=blue, fill opacity=0.20, dashed] plot [smooth cycle] 
coordinates {(-6,0) (-4,2) (-3,6) (-1.5,6) (1,4) (3,6) (5,2) (2,-1) (4,-4) 
(3,-5) (0,-6) (-3,-5)};
\filldraw[black] (3,6) circle (0pt) node[above right] {$D$};
\filldraw[black, fill opacity=1] (-2,-2) circle (1.5pt) node[above right] 
{$z$};

\end{axis}
\end{tikzpicture}
%
\qquad
%
\begin{tikzpicture}[scale=1.2,line width=1pt]
\begin{axis}[
color= gray,
xmin=-9, 
xmax=9, 
ymin=-9, 
ymax=9, 
axis equal image, 
axis lines=middle, 
xticklabels={}, 
yticklabels={},
font=\scriptsize,
ticks=none,
xlabel = $u$,
ylabel = $v$,
inner axis line style={stealth-stealth}
]

\draw[black, ultra thin, dashed] (0,0) circle [radius=5];
\draw[black] (-3.525,3.525) circle (0pt) node[above left] {$|f|$};
\filldraw[black, fill opacity=1] (3.525,3.525) circle (1.5pt) node[above 
right] {$f$};

\end{axis}
\end{tikzpicture}

\caption{Mapping a point $z=x+iy$ in $D$ onto $f=u+iv$ when $|f|$ is 
constant.}

\end{figure}
\end{document}

I also added showframe to indicate that the pics just fit, almost magically.

Related Solutions

[Tex/LaTex] Putting two figures side by side

As Mico suggest, probably you want to make a figure environment, where you can have two figures with two captions using minipages or subfigures environments with two subcaptions ans a main caption. Note that figure environments are floats, so by default they can be moved to the top or bottom of the page, or to another page, although you can influence the position of float environments.

In any case, in these environments and the images usually is better set relative lengths as \linewidth instead of absolute lengths as 3cm.

On the other hand, at least for big images, instead of \centering (and some spacer between the minipages or the subfigures) you may want these aligned with the margins, no matter its exact size. For this, use \hfill as in this minimal working example:

mwe

\documentclass{article}
\usepackage{graphicx} 
\usepackage{subcaption} %  for subfigures environments 
\begin{document}
% Side by side subfigures 
\begin{figure}
\begin{subfigure}[h]{0.4\linewidth}
\includegraphics[width=\linewidth]{example-image-a}
\caption{Image A}
\end{subfigure}
\hfill
\begin{subfigure}[h]{0.4\linewidth}
\includegraphics[width=\linewidth]{example-image-b}
\caption{Image B}
\end{subfigure}%
\caption{This is a figure with two subfigures}
\end{figure}
% Side by side figures 
\begin{figure}
\begin{minipage}[c]{0.4\linewidth}
\includegraphics[width=\linewidth]{example-image-a}
\caption{Image A}
\end{minipage}
\hfill
\begin{minipage}[c]{0.4\linewidth}
\includegraphics[width=\linewidth]{example-image-b}
\caption{Image B}
\end{minipage}%
\end{figure}
\end{document}

[Tex/LaTex] pgfplots: percentage in matrix plot

It does not work in your MWE because you are overwriting it by also giving the option nodes near coors to the \addplot command. Remove the latter one (or specify format here), and it will print. I added a thinspace before the percentage sign, although it can also be recommended to load the siunitx package and let that format and typeset the values for you.

Anyway, here's the quickfixed version:

\documentclass[border=3pt]{standalone}
\usepackage{pgfplots}
\pgfplotsset{%
  width=5cm,
  height=18cm,
  compat=1.13,
  colormap={blackwhite}{gray(0cm)=(1); gray(1cm)=(0.5)},
  xticklabels={LPIBG, ALL, HPIBG},
  xtick={0,...,2},
  ytick=\empty
}

\begin{document}
\begin{tikzpicture}
\begin{axis}[%
  enlargelimits=false,
  xlabel style={font=\footnotesize},
  ylabel style={font=\footnotesize},
  legend style={font=\footnotesize},
  xticklabel style={font=\footnotesize},
  yticklabel style={font=\footnotesize},
  colorbar,
  colorbar style={%
    ytick={0,20,40,60,80,100},
    yticklabels={0,20,40,60,80,100},
    yticklabel={\pgfmathprintnumber\tick\,\%},
    yticklabel style={font=\footnotesize}
  },
  point meta min=0,
  point meta max=100,
  nodes near coords={\pgfmathprintnumber\pgfplotspointmeta\,\%},
  every node near coord/.append style={xshift=0pt,yshift=-7pt, black, font=\footnotesize},
]

\addplot[
matrix plot,
mesh/cols=3,
point meta=explicit]
table[meta=C]{
  x y C
  0 0 80
  1 0 36
  2 0 40
  0 1 64
  1 1 80
  2 1 60
  0 2 52
  1 2 84
  2 2 72
  0 3 72
  1 3 28
  2 3 32
  0 4 56
  1 4 84
  2 4 80
  0 5 72
  1 5 52
  2 5 44
  0 6 4
  1 6 84
  2 6 41
  0 7 37
  1 7 69
  2 7 84
  0 8 63
  1 8 53
  2 8 82
  0 9 78
  1 9 74
  2 9 39
  0 10 39
  1 10 63
  2 10 88
  0 11 76
  1 11 74
  2 11 49
  0 12 39
  1 12 6
  2 12 88
  0 13 46
  1 13 33
  2 13 75
  0 14 88
  1 14 67
  2 14 54
  0 15 79
  1 15 83
  2 15 75
  0 16 50
  1 16 46
  2 16 71
  0 17 92
  1 17 71
  2 17 75
  0 18 46
  1 18 33
  2 18 8
};
\end{axis}
\end{tikzpicture}
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] Putting two figures side by side

[Tex/LaTex] pgfplots: percentage in matrix plot

Related Question