Making a Jupyter notebook output cell fullscreen

Question

I'm doing a bit of choropleth map plotting in a Jupyter notebook (with Folium), and I was just wondering if there's any way of making an output cell fullscreen? It would just make the map a bit easier to view. If not, is there an easy way of modifying the maximum height of an output cell?

I think you best bet would be to use a custom jinja2 template and a function that will create the map and a link in the notebook to an html document created with the custom jinja2 template. The jinja2 template could have a 100% width and height map. — kikocorreoso
– kikocorreoso, Commented Feb 24, 2016 at 9:48
You could try to capture the output (plots, maps, table, number, ...) in python, convert it to HTML code, and write it to a new window using javascript. This strategy works like a charm for Pandas dataframe tables, but I am not sure about plotted maps... — Martin
– Martin, Commented Nov 30, 2016 at 1:17

Toddneal Stallworth · Accepted Answer · 2020-12-15 00:29:18Z

16

Try this:

    from IPython.core.display import display, HTML
    display(HTML("<style>.container { width:100% !important; }</style>"))

answered Dec 15, 2020 at 0:29

Toddneal Stallworth

1861 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

yaoyhu Over a year ago

IPython.core.display has been deprecated since IPython 7.14; instead, use from IPython.display import display, HTML.

scottlittle · Accepted Answer · 2017-02-09 21:49:45Z

I wrote a Jupyter extension that let's a cell go fullscreen here. Installation instructions are on this Github page.

The heart of the extension is just making a selected element (a Jupyter cell) go fullscreen with this code:

function toggleFullscreen(elem) { //function to make element (cell) fullscreen on most browsers
  elem = elem || document.documentElement;
  if (!document.fullscreenElement && !document.mozFullScreenElement &&
    !document.webkitFullscreenElement && !document.msFullscreenElement) {
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.msRequestFullscreen) {
      elem.msRequestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    }
  }
}

Please see the Github page for the entirety of the code.

DH K · Accepted Answer · 2024-03-19 10:28:10Z

2

I'm currently using Chrome, I figured out that just click

F12 -> F11 -> F12

and then you get full screen mode. Click F11 if you want to get out of the full screen mode. I believe this method works because when you press F12, you access DevTool mode, where the F11 key is operational.

While this approach doesn't inherently extend the width of the cell, it does facilitate activating Chrome's full-screen mode. By adjusting the zoom level and selecting a suitable font size, you can create the illusion that the cell occupies the entire screen, enhancing its visual integration.

edited Mar 19, 2024 at 10:28

answered Mar 19, 2024 at 10:15

DH K

1113 bronze badges

Comments

RedTomato · Accepted Answer · 2022-08-15 08:39:38Z

1

IPython.core.display is deprecated since IPython 7.14

from IPython.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))

answered Aug 15, 2022 at 8:39

RedTomato

564 bronze badges

3 Comments

Score_Under Over a year ago

This answer seems to be building upon Toddneal Stallworth's answer, so it may be more accessible to other users if you edit that post instead.

RedTomato Over a year ago

I tried @Score_Under, but unfortunately, the suggestion queue is full ... :/ That is why I posted the update as an 'answer.' I'm a StackOverflow newbie. If you have another idea, I will be pleased to try :)

Score_Under Over a year ago

That's okay, stack overflow is like that sometimes :/ I don't think there's a good solution to that

Suraj Rao · Accepted Answer · 2020-11-11 06:58:32Z

-1

Click F11, to view the Jupyter Notebook in Full Screen Mode. Click F11 once more, to come out of Full Screen Mode.

edited Nov 11, 2020 at 6:58

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

answered Nov 11, 2020 at 6:57

Aman Burnwal

91 silver badge2 bronze badges

Collectives™ on Stack Overflow

Making a Jupyter notebook output cell fullscreen

5 Answers 5

1 Comment

Comments

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related