Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to increase the page width in ipython notebook (jupyter) slides

In an ipython notebook (jupyter) slideshow created with

ipython nbconvert presentation.ipynb --to slides --post serve

images are of poor quality because they seem to be scaled down to the page width. How can I increase the page width / display larger images in the presentation?

I found a partial answer here but this requires doing the "--post serve" part manually which I can find no documentation for.

like image 705
Valentas Avatar asked Jun 10 '16 08:06

Valentas


People also ask

How do I get Jupyter Notebook full screen?

It is often desirable to have the lab environment e.g. Jupyter notebook to be displayed in a full screen mode rather than inside a frame. This is easy to do. Simply click on the Full screen menu item on the top right corner of the frame.


1 Answers

After a long search I found the answer myself :

  1. Copy template file from

    lib/python2.7/site-packages/nbconvert/templates/html/slides_reveal.tpl

    to the directory of the notebook.

  2. Customize it, for example, in Reveal.initialize({ }) add

    width: '80%',
    height: '100%',
    transition: 'concave',
    
  3. Run

    jupyter nbconvert presentation.ipynb --to slides --template slides_reveal.tpl --post serve
    

    or just

    jupyter nbconvert presentation.ipynb --to slides --template slides_reveal.tpl
    

    then open presentation.slides.html directly in the browser. Alternatively:

    python -m SimpleHTTPServer
    

    and navigate the browser to

    http://127.0.0.1:8000/presentation.slides.html
    
like image 87
Valentas Avatar answered Sep 24 '22 03:09

Valentas