Google Colaboratory: Is there any way to expand the height of the result cell of running a code?

Question

In Google Colaboratory notebook I have a loop that generates a lot of charts...my problem is that it does not display the full output nicely. Instead it shows it inside a cell with a scroll bar. I want to show the full result instead of scrolling up and down...but there doesn't seem to be any setting in Google Colaboratory that allows that. I was wondering if anyone knows if it's possible to change the cell height of the result? Thanks!

Answer 1

I managed to automate this for all cells in the entire Notebook.

Just create a cell with the following code and execute it, all the other cells in the Notebook will be automatically height-adjusted up to 5000px:

# Avoids scroll-in-the-scroll in the entire Notebook
from IPython.display import Javascript
def resize_colab_cell():
  display(Javascript('google.colab.output.setIframeHeight(0, true, {maxHeight: 5000})'))
get_ipython().events.register('pre_run_cell', resize_colab_cell)

(It's just a variation of the answers in this thread and a tip from here)

Answer 2

There's an answer from a dev here. Note that the display(...) command must be included in every cell you wish to extend the max height of (unless maybe you write some extra javascript). Quote below.

An example in Python:

from IPython.display import Javascript
display(Javascript('''google.colab.output.setIframeHeight(0, true, {maxHeight: 5000})'''))

for i in range(200):
  print(i)

Answer 3

This may help.

from IPython.display import Javascript
display(Javascript("google.colab.output.resizeIframeToContent()"))

Answer 4

Try this:

from IPython.display import HTML
display(HTML('''
<style>
    pre {
        white-space: normal;
    }
</style>
'''))

print('x ' * 200)