title: How to show image from folder in google colab
body: <p>How can I show the pictures from folder <code>figures</code> in google colab inline in a markdown cell?</p>
  <p>I have the following structure of notebooks on my local drive.</p>
  <pre><code>figures
      - pic1.png
      - pic2.png
      - ...
  Notebook1.ipynb
  Notebook2.ipynb
  etc.
  </code></pre>
  <p>After opening a Notebook in google colab and uploading the figures folder, I checked that the folder with pictures is actually uploaded. It is.</p>
  <p>I then tried the following in a markdown cell:</p>
  <pre><code>![Pic1](figures/pic1.png)
  </code></pre>
  <p>This apparently doesn't work in google colab.</p>
  <p><strong>How did Jake VanderPlas do this <a href="https://colab.research.google.com/github/jakevdp/PythonDataScienceHandbook/blob/master/notebooks/02.05-Computation-on-arrays-broadcasting.ipynb#scrollTo=d9uhOk09Sa71" rel="nofollow noreferrer">here</a>? Apparently he didn't even upload the pictures into a folder &quot;figures&quot; but still uses the following line in markdown</strong></p>
  <p><code>![Broadcasting Visual](figures/02.05-broadcasting.png)</code> in the above link (scroll down to see a picture on numpy arrays).</p>
  <p>Any help is appreciated!</p>
  <p>Thanks!</p>