Skip to main content

Jupyter and reveal.js for great presentations



Let's use Jupyter notebook as a presentation program (like powerpoint).

You will need:
- Python
- Jupyter notebook
- git
- reveal.js 
- this tutorial

Create a directory (presentation could be its name)

Go in the git bash (install git if you haven't) from the directory you just created and write this


git clone https://github.com/hakimel/reveal.js/

Now, start jupyter from the directory like this:

jupyter notebook

Ok...

Now create a new notebook

Give it a name

Go in View
choose cell toolbar
choose slideshow

You will se a new text a slide type option on the right of the cell




Choose slide from the options:

Mark the cell as markdown


Add a title and a subtitle in the way you see down here
If you press ctrl+enter you will see the cell rendered like this:

then you add another slide with (+) button. Change cell to markdown, select the slide option and write something like this

hit crtl+enter to render it like this


Let's make another slide with a formula in it, to see how useful and easy it is to do it... try to do the same in powerpoint if you dare:


Now we are ready to render the presentation

save everythng

Go in the terminal

jupyter-nbconvert --to slides myslideshow.ipynb --reveal-prefix=reveal.js

then you got an html file, start it and you'll have your presentation slideshow


Now you can use your presentation everywhere. Just use your html file and the reveal.js directory and you're done.

Here is the first slide:


See ya



Comments

Popular posts from this blog

Widgets for Jupyter Notebook: a text input widget

Widgets for Jupyter notebook ¶ Let's import the module ipywidgets into the Jupyter Notebook from ipywidgets import widgets from ipywidgets import * from traitlets import * Now we import the display function from IPython ¶ let's attach a function to the event on_submit After we run this cell, we can go up and write something in the text widget and after you submit the text you wrote will be printed after the cell from IPython.display import display text = widgets . Text () display ( text ) def handle_submit ( sender ): print ( "Thank you for entering this text:" , text . value ) text . on_submit ( handle_submit ) Thank you for entering this text: Ciao

Image in Jupyter and PIL step by step

Hi, """ Hi, we will see a step by step tutorial about PIL and IPython.core.display modules to create images from other images and diplaying them in Jupyter notebook """ # What we will do # Create a card # 1. Take a pic of a heart # 2. Create an image blanck the size of a card 90*130 # 3. Paste the heart in the middle # 4. show the card """ As first step wi will simply display an image on the notebook. I will show two way to display the image with 'display' from IPhyton a. Using the open method of PIL.Image (named Img) b. Using the Image method from the IPython.core.display module """ # 1. Take the pic of a heart from IPython.core.display import Image , display from PIL import Image as Img heart = 'img/heart.png' display ( Image ( heart )) display ( Img . open ( heart )) # 2. Create an image blanck the size of a card 90*130 # 3. Paste the heart in the middle #...

Let's draw a circle with PIL in Python

Let's continue making our coding around PIL. Let's start with some basic drawing: a circle from PIL import Image , ImageDraw img = Image . new ( "RGB" ,( 60 , 60 ), 'white' ) dr = ImageDraw . Draw ( img ) dr . ellipse (( 0 , 0 , 60 , 60 ), 'yellow' ) img . show () this is the image produced *If you use jupyter notebook, just write img at the end to see the output.