combining figures with image

Question

I want to merge my graph with different images and create one figure. how can I create like the following figure (see attached picture)? combining figures with image

Ignasi · Accepted Answer · 2015-05-27T16:54:32.273

With TikZ is not difficult to do it. I left you understand the code consulting its nice documentation.

\documentclass[tikz,border=2mm]{standalone}
\usepackage{tikz}
\usetikzlibrary{matrix, positioning}

\begin{document}

\begin{tikzpicture}[
        myimage/.style={minimum size=2cm, inner sep=0pt, outer sep=0pt, node contents={\includegraphics[width=2cm, height=2cm]{example-image}}}
        ]

    \matrix (A) [matrix of nodes, nodes={myimage}, column sep=0pt, row sep=0pt, nodes in empty cells]   {&&&\\&&&\\&&&\\&&&\\};

    \node[right=1mm of A, minimum size=8cm] (B) {\includegraphics[width=8cm,height=8cm]{example-image-a}};

    \node[below left =1mm of B.north east, minimum size=3cm] (C) {\includegraphics[width=3cm,height=3cm]{example-image-b}};

    \draw[->,very thick, shorten >=-2mm] (A.south west) -- (A.south-|B.east) node[midway, below=8mm] {Time};
    \draw[->,very thick, shorten >=-2mm] (A.south west) -- (A.north west) node[midway, left=10mm,rotate=90]{Quantity};

    \foreach \i [evaluate=\i as \t using int(10*\i), evaluate=\i as \j using int(5-\i)] in {1,2,3,4}{
        \node [below=5mm of A-4-\i] {\t};
        \node [left=5mm of A-\i-1] {\j};}
\end{tikzpicture}

\end{document}

enter image description here

2nd version: different images

While I found a way to change node contents in previous code, you can always use a regular matrix node

\begin{tikzpicture}
\matrix (A) [column sep=0pt, row sep=0pt]   
{\node[inner sep=0pt](A-1-1){\includegraphics[width=2cm, height=2cm]{example-image-a}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-b}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-c}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image}};\\
 \node[inner sep=0pt](A-2-1){\includegraphics[width=2cm, height=2cm]{example-image-b}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-c}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-a}};\\
 \node[inner sep=0pt](A-3-1){\includegraphics[width=2cm, height=2cm]{example-image-c}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-a}};&
\node[inner sep=0pt]{\includegraphics[width=2cm, height=2cm]{example-image-b}};\\
 \node[inner sep=0pt](A-4-1){\includegraphics[width=2cm, height=2cm]{example-image}};&
\node[inner sep=0pt](A-4-2){\includegraphics[width=2cm, height=2cm]{example-image-a}};&
\node[inner sep=0pt](A-4-3){\includegraphics[width=2cm, height=2cm]{example-image-b}};&
\node[inner sep=0pt](A-4-4){\includegraphics[width=2cm, height=2cm]{example-image-c}};\\
 };

    \node[right=1mm of A, minimum size=8cm] (B) 
    {\includegraphics[width=8cm,height=8cm]{example-image-a}};

    \node[below left =1mm of B.north east, minimum size=3cm] (C) 
    {\includegraphics[width=3cm,height=3cm]{example-image-b}};

    \draw[->,very thick, shorten >=-2mm] (A.south west) -- 
    (A.south-|B.east) node[midway, below=8mm] {Time};
    \draw[->,very thick, shorten >=-2mm] (A.south west) -- 
    (A.north west) node[midway, left=10mm,rotate=90]{Quantity};

    \foreach \i [evaluate=\i as \t using int(10*\i), 
    evaluate=\i as \j using int(5-\i)] in {1,2,3,4}{
        \node [below=5mm of A-4-\i] {\t};
        \node [left=5mm of A-\i-1] {\j};}
\end{tikzpicture}

enter image description here

thanks mate, it is working ,but what if I want to insert different images in the left table? — Wathiq Zayed, May 26 '15 at 18:43
@WathiqZayed suppress node contents in myimage and use includegraphics inside every cell of matrix — Ignasi, May 26 '15 at 18:55
Sorry I think there is a problem because it did not work when I tried to run it — Wathiq Zayed, May 27 '15 at 11:12
@WathiqZayed Could you give me some more information? What problem? Where? ... As you can see, updated answer only shows tikzpicture environment. I imagin you added missing lines. Did you? — Ignasi, May 27 '15 at 15:19
41 Package pgf Error: No shape named A-4-1 is known.
See the pgf package documentation for explanation. Type H for immediate help. ...

l.41 \node [left=5mm of A-\i-1] {\j};} — Wathiq Zayed, May 27 '15 at 16:07
@WathiqZayed You're right. I forgot to add names to reference nodes. Updated again. — Ignasi, May 27 '15 at 16:55
that's fine, I added two more rows but I couldnt label them in y axis — Wathiq Zayed, May 27 '15 at 18:36
I just wondering how can change the values of x axis to (0, 0.5,1,2) actually I tried but unfortunately I couldn't, also when I added two another rows I faced a problem in labeling these new rows in y axis. — Wathiq Zayed, May 29 '15 at 09:50

combining figures with image

1 Answers1