creating presentation using jupyter notebook

Creating Presentations with Jupyter Notebook

Jupyter Notebook can be turned into a slide presentation that is kind of like using Microsoft Powerpoint, except that you can run the slide’s code live! It’s really neat how well it works. The only con in my book is that there isn’t a lot of theming that can be applied to your slides, so they do end up looking a bit plain.

In this article, we will look at two methods of creating a slideshow out of your Jupyter Notebook. The first method is by using Jupyter Notebook’s built-in slideshow capabilities. The second is by using a plug-in called RISE .

Let’s get started!

Note: This article assumes that you already have Jupyter Notebook installed. If you don’t, then you might want to go to their website and learn how to do so.

The first thing we need to do is to create a new Notebook. Once you have that done and running, let’s create three cells so that we can have three slides. Your Notebook should now look like the following:

creating presentation using jupyter notebook

Now let’s turn on the “slideshow” tools. Go to the View menu and then click on the Cell Toolbar menu option. You will find a sub-menu in there that is called Slideshow . Choose that. Now your Notebook’s cell should look like this:

There are now little comboboxes on the top right of each cell. These widgets give you the following options:

You can just create a series of Slides if you like, but you can make the slideshow a bit more interesting by adding Sub-Slides and Fragments. Sub-slides are just slides that are below the previous one while Fragments are basically fragments within the previous slide. As an aside, I have actually never used Fragments myself. Anyway you can also set a slide to Skip, which just allows you to skip a slide or Notes, which are just speaker notes.

Let’s add some text to our first cell. We will add the text “# Hello Slideshow” to it and set the cell type to Markdown. Note the pound sign at the beginning of the text. This will cause the text to be a heading.

In cell two, we can add a simple function. Let’s use the following code:

For the last cell, we will add the following text:

Make sure you set that to be a Markdown cell as well. This is what my cells ended up looking like when I was done:

To make things simple, just set each of the cell’s individual comboboxes to Slide .

Now we just need to turn it into an actual slideshow. To do that, you will need save your Notebook and shut down the Jupyter Notebook server. Next you will need to run the following command:

To navigate your slideshow, you can use your left and right arrow keys or you can use spacebar to go forward and shift_spacebar to go back. This creates a pretty nice and simple slideshow, but it doesn’t allow you to run the cells. For that, we will need to use the RISE plugin!

Getting Started with RISE

Reveal.js – Jupyter/IPython Slideshow Extension (RISE) is a plugin that uses *reveal.js* to make the slideshow run live. What that means is that you will now be able to run your code in the slideshow without exiting the slideshow. The first item that we need to learn about is how to get RISE installed.

Installing rise with conda

If you happen to be an Anaconda user, then this is the method you would use to install RISE:

This is the easiest method of installing RISE. However most people still use regular CPython, so next we will learn how to use pip!

Installing rise with pip

You can use Python’s pip installer tool to install RISE like this:

You can also do `python -m pip install RISE` is you want to. Once the package is installed, you have a second step of installing the JS and CSS in the proper places, which requires you to run the following command:

If you somehow get a version of RISE that is older than 5.3.0, then you would also need to enable the RISE extension in Jupyter. However, I recommend just using the latest version so you don’t have to worry about that.

Using RISE for a SlideShow

Now that we have RISE installed and enabled, let’s re-open the Jupyter Notebook we created earlier. Your Notebook should now look like this:

You will notice that I circled a new button that was added by RISE to your Notebook. If you mouse over that button you will see that it has a tooltip that appears that says “Enter/Exit RISE Slideshow”. Click it and you should see a slideshow that looks a lot like the previous one. The difference here is that you can actually edit and run all the cells while in the slideshow. Just double-click on the first slide and you should see it transform to the following:

After you are done editing, press SHIFT+ENTER to run the cell. Here are the primary shortcuts you will need to run the slideshow effectively:

SPACEBAR – Goes forward a slide in the slideshow
SHIFT+SPACEBAR – Goes back a slide in the slideshow
SHIFT+ENTER – Runs the cell on the current slide
DOUBLE-CLICK – To edit a Markdown cell

You can view all the Keyboard shortcuts by going to the Help menu when not in Slideshow mode and clicking the Keyboard Shortcuts option. Most if not all of these shortcuts should work inside of a RISE slideshow.

If you want to start the slideshow on a specific cell, just select that cell and then press the Enter Slideshow button.

RISE also works with Notebook widgets. Try creating a new cell with the following code:

Now start the slideshow on that cell and try running the cell (SHIFT+ENTER). You should see something like this:

You can use RISE to add neat widgets, graphs and other interactive elements to your slideshow that you can edit live to demonstrate concepts to your attendees. It’s really quite fun and I have used RISE personally for presenting intermediate level material in Python to engineers.

RISE also has several different themes that you can apply as will as minimal support for slide transitions. See the documentation for full information.

Wrapping Up

In this chapter we learned about two good methods for creating presentations out of our Jupyter Notebooks. You can use Jupyter directly via their nbconvert tooling to generate a slideshow from the cells in your Notebook. This is nice to have, but I personally like RISE better. It makes the presentations so much more interactive and fun. I highly recommend it. You will find that using Jupyter Notebook for your presentations will make the slides that much more engaging and it is so nice to be able to fix slides during the presentation too!

4 thoughts on “Creating Presentations with Jupyter Notebook”

Pingback: Jupyter Notebook Extension Basics | The Mouse Vs. The Python

Pingback: Creating Jupyter Notebook Widgets with interact - The Mouse Vs. The Python

Pingback: How to Export Jupyter Notebooks into Other Formats - The Mouse Vs. The Python

Pingback: Jupyter Notebook Extension Basics - The Mouse Vs. The Python

Comments are closed.

presentation

Create Presentation from Jupyter Notebook

You don't need to install any additional framework to make a presentation from Jupyter Notebook. Jupyter is using Reveal.js library for creating slides. However, I strongly recommend to install RISE ( R eveal.js I Python S lideshow E xtension) extension. It greatly simplifies the process of slide creation with a live preview.

The outline for this article:

create a simple notebook with one chart,
convert notebook to a slideshow,
presentation development with RISE extension,
parameterized presentations,
publishing presentation.

Create Jupyter Notebook

Let's create a Jupyter notebook. It will have a few Markdown and Python cells.

Please notice that we can mix Python variables with Markdown thanks to IPython.display.Markdown() function:

The output of the above code cell will contain a Markdown. There is a simple scatter plot in the notebook for randomly generated points:

The matplotlib scatter plot:

It is a simple notebook created for example purposes. There is no limit on the number of slides or cells. From my experience, I was creating a presentation with more than 70 slides with many plots/images, and the slideshow was working smoothly, even with the presentation published as a website (hosted in the cloud).

Create Presentation

The notebook is saved in ipynb format . The next step is to convert it to a slideshow. We need to provide information on how to use cells in the presentation. Please click View ➡️ Cell Toolbar ➡️ Slideshow .

Cell Toolbar in Jupyter Notebook, Please select Slideshow

Each cell will have a toolbar with the select widget. You can select there how cells will be used in the presentation:

Slide - the cell will be a new slide;
Sub-Slide - the cell will be shown in the current slide as a replacement for previous content. It will be available in arrow-down navigation;
Fragment - the cell will appear in the current slide, it will append to the previous content. It will be available in arrow-down and arrow-right navigation;
Skip - the content will not be displayed in the presentation;
Notes - notes for slide, the cell content is not displayed in the presentation;

Please select the Slide Type for every cell and save the notebook.

How to create a presentation for Jupyter Notebook? We need to use the nbconvert tool. It is installed with Jupyter Notebook. There is a command for converting notebook to presentation:

You can open the output file presentation.slides.html in the web browser (just double-click on the file). Alternatively, you can serve slides with jupyter ; slides will be available at http://127.0.0.1:8000/presentation.slides.html :

There are several ways to hide the code in the presentation, one of them is to pass --no-input parameter to nbconvert :

The presentation with hidden code:

It is possible to convert the Jupyter Notebook presentation into PDF slides. One of the ways to do this is to add ?print-pdf in the URL in a web browser while displaying HTML format:

The presentation will be in a format ready to print. To save it as a PDF, just print the website with Save as PDF selected for the destination.

Jupyter Notebook Presentation save as PDF

RISE Extension

There is a RISE extension that may be helpful for developing presentations in Jupyter Notebook. It can be easily installed with pip or conda :

You get a small chart icon in the top toolbar after installation. You switch between the notebook and presentation views by clicking on the chart icon.

What is more, you can edit the code in presentation mode. The RISE extension doesn't have the option to hide the code ( GitHub issue discussion about hiding code feature in RISE repository ). If you would like to hide/show the code during the presentation development, you need to install an additional extension called hide_code .

Parameterized Presentation

What if you would like to change or recompute charts in the presentation based on user input? There is an open-source framework called Mercury that makes it possible.

You can easily add interactive widgets to the presentation and publish it with Mercury . Widgets are added based on the YAML header. They are directly connected with Python variables in the notebook. User changes, tweak widgets, and execute the notebook with new values. The slides in the presentation will be automatically recomputed.

The video from an interactive presentation about Mercury :

Publishing Presentation

The final presentation is in HTML format. You can publish it as a static website. There are several ways to publish Jupyter Notebook; you can host it on GitHub Pages, Netlify, or Vercel. If you are using Mercury framework for parameterized presentations, you can host it in the cloud (soon, there will be available online service runmercury.com for hosting notebooks).

Jupyter Notebook Presentations might be a great alternative to traditional presentation software. You will save time by building the presentation in the same environment where your code is. Any update in code or chart change will immediately affect the presentation - no need to manually copy-paste results. The parameterized presentation can take your slides one step further. Imagine your supervisor or manager playing with your slides and recomputing new charts.

Create interactive slides with Python in 8 Jupyter Notebook cells

Creating presentations in Jupyter Notebook is a great alternative to manually updating slides in other presentation creation software. If your data changes, you just re-execute the cell and slide chart is updated.

Jupyter Notebook is using Reveal.js (opens in a new tab) for creating slides from cells. The standard approach is to write slides code and Markdown in the Jupyter Notebook. When notebook is ready, it can be exported to standalone HTML file with presentation.

What if, you would like to update slides during the slide show? What is more, it would be fantastic to have interactive widgets in the presentation. You can do this in Mercury framework.

In this tutorial, we will create an interactive presentation in Jupyter Notebook and serve it with Mercury.

Create presentation in notebook

Please enable Slideshow toolbar in Jupyter Notebook. It can be done by clicking View -> Cell Toolbar -> Slideshow . It is presented in the screenshot below:

We will need following packages to create presentation in Python notebook:

Please make sure that they are installed in your environment.

1. Import packages and App setup

The first step is to import packages and setup Mercury App :

We setup title and description for App object.

Please note that we set Slide Type to Skip . This cell will not appear in the presentation.

2. Add title

The second cell is a Markdown with title:

The Slide Type is set to Slide . It is our first slide!

3. Add slide with Markdown

Add new Markdown cell with the following cell.

Please set Slide Type to Slide . It will be a second slide. I'm using ## as slide title ( # will produce too large title in my opinion).

4. Add Mercury Widget

Please add code cell with Text widget. We will use it, to ask users about their name.

We set Slide Type as Skip , so this cell will not appear in the presentation.

5. Display name

Let's use the name.value in the slide. Please add a code cell. We will display a Markdown text with Python variables by using Markdown function from Mercury package.

Please set the Slide Type to Slide .

You can display Markdown with Python variables by calling mr.Markdown() or mr.Md() functions. Both do the same.

The first five cells of the notebook:

Notebook code for presentation in Jupyter Notebook

You can enter your name in the widget during the notebook development. There will be no change in other cells. If you want to update the cell with new widget value, please execute it manually.

6. More widgets

We can add more widgets to the presentation. They will be used to control chart in the next slide.

We have used Slider and Select widgets. They are displayed in the notebook. This cell will not be displayed in the presentation, so set Slide Type to Skip .

7. Scatter plot

We will add a new code cell. It will have Slide Type set to Slide .

We used widgets values by accessing them with samples.value and color.value .

Screenshot of the notebook with scatter plot:

8. Final slide

Please add a last Markdown cell. Its Slide Type will be set to Slide :

Please notice that link is added with HTML syntax. There is a target="_blank" used to open link in a new tab.

Run presentation in Mercury

Please run Mercury local server in the same directory as notebook:

The above command will open a web browser at http://127.0.0.1:8000 . Please click on a card with presentation.

You can navigate between slides with arrows in the bottom right corner. You can enter the full screen mode by pressing F on the keyboard. Please use Esc to exit full screen mode.

You can change widgets values in the sidebar and presentation slides will be automatically recomputed:

You can export your slides as PDF or HTML by clicking Download button in the sidebar.

Create a slide deck using Jupyter Notebooks

There are many options when it comes to creating slides for a presentation. There are straightforward ways, and generating slides directly from Jupyter is not one of them. But I was never one to do things the easy way. I also have high expectations that no other slide-generation software quite meets.

Why transition from slides to Jupyter?

I want four features in my presentation software:

An environment where I can run the source code to check for errors
A way to include speaker notes but hide them during the presentation
To give attendees a useful handout for reading
To give attendees a useful handout for exploratory learning

Using Jupyter Notebooks for presentations

I begin my presentations by using Markdown and code blocks in a Jupyter Notebook, just like I would for anything else in JupyterLab. I write out my presentation using separate Markdown sections for the text I want to show on the slides and for the speaker notes. Code snippets go into their own blocks, as you would expect.

Because you can add a "tag" to cells, I tag any cell that has "boring" code as no_markdown .

(Moshe Zadka, CC BY-SA 4.0 )

Then I convert my Notebook to Markdown with:

There are ways to convert Markdown to slides —but I have no idea how to use any of them and even less desire to learn. Plus, I already have my favorite presentation-creation tool: Beamer .

But Beamer requires custom LaTeX, and that is not usually generated when you convert Markdown to LaTeX. Thankfully, one Markdown implementation– Pandoc Markdown —has a feature that lets me do what I want. Its raw_attribute extension allows including "raw" bits of the target format in the Markdown.

This means if I run pandoc on the Markdown export from a notebook that includes raw_attribute LaTeX bits, I can have as much control over the LaTeX as I want:

The --listings makes pandoc use LaTeX's listings package, which makes code look much prettier. Putting those two pieces together, I can generate LaTeX from the notebook.

Through a series of conversion steps, I was able to hide the parts I wanted to hide by using:

LaTeX raw_attribute bits inside Jupyter Notebook's Markdown cells
Tagging boring cells as no_markdown
Jupyter's "nbconvert" to convert the notebook to Markdown
Pandoc to convert the Markdown to LaTeX while interpolating the raw_attribute bits
Beamer to convert the Pandoc output to a PDF slide-deck
Beamer's beamerarticle mode

All combined with a little bit of duct-tape, in the form of a UNIX shell script, to produce slide-deck creation software. Ultimately, this pipeline works for me. With these tools, or similar, and some light UNIX scripting, you can make your own customized slide created pipeline, optimized to your needs and preferences.

What is the most complicated pipeline you have ever used to build a slide deck? Let me know about it—and whether you would use it again—in the comments.

Edit images with Jupyter and Python

Who needs to learn an image-editing application when you can do the job with open source tools you already know?

How to write a web service using Python Flask

JupyterLab teaches Python developers magic

JupyterLab, the successor to Jupyter Notebook, feels like playing video games with the cheat codes enabled.

Markdown beginner's cheat sheet

Learn Markdown syntax to be ready to contribute to open source software.

Moshe sitting down, head slightly to the side. His t-shirt has Guardians of the Galaxy silhoutes against a background of sound visualization bars.

Natalie B. Hogg

Cosmologist

Using a Jupyter notebook to make presentation slides

Open a blank Jupyter notebook.
Add a cell and convert it to Markdown (either esc + m ) or by using the drop down menu at the top of the notebook.
Add your text, equation or image to the cell (images can be added via the edit menu, though some HTML tags may be needed to render and/or resize the image).
Choose a slide type in the drop down menu of the cell itself (slide, sub-slide, fragment, skip or notes).
Save the notebook.
In the terminal, run jupyter nbconvert *.ipynb --to slides .
Open the resulting .html file in a browser and use the arrow keys to navigate.

I turn coffee Lapsang Souchong tea into code; if you found this post useful you can contribute to my habit here: https://ko-fi.com/nataliebhogg .

I’m in a strange kind of limbo at the moment. I’m not being paid, since I can’t sign my new contract without being physically present in Spain. And, until the 30th of March, it was physically impossible to enter Spain unless you were a Spanish resident, since the borders were closed due to Covid restrictions. Due to Brexit, I also need a visa in order to be able to stay in Spain for more than ninety days and to legally work there. So, I have an appointment at the Spanish consulate in London on Friday to submit my visa application. I’m hoping for a quick decision so I can book a flight, get to Madrid, sign my contract and start working (and drawing a salary). But, until then, I’m in this strange, semi-working state.

I could have taken this time off completely, but with the UK in lockdown and everything shut, I know I would have quickly got bored in the face of a two or three month holiday with nothing to do and nowhere to go. So, I resolved to keep working, despite the lack of pay, albeit at a reduced pace. I’ve been attending journal clubs and mainly working on turning a chapter of my PhD thesis into a paper.

As a result, it was nice to take a full five days off over the Easter weekend. I finished reading three books: Island of Dreams by Dan Boothby (ok if you are interested in Gavin Maxwell, Scotland or otters), The Nine Tailors by Dorothy L. Sayers (which I highly recommend!) and Never Split the Difference by Chris Voss (probably only useful if you’re a hostage negotiator or someone working in big business). It was a conscious decision to try and read more and I’m glad it paid off. I always forget how refreshed I feel after even just a couple of days off from work.

This morning I finished making my slides for my talk at Britgrav next week. I’m going to be presenting my work from a few months ago on how the distance duality relation can be constrained with standard sirens and how modified gravity effects can bias this type of analysis. I tend to use either Google Slides or LaTeX Beamer to make presentations, depending on the content and audience, but this time I decided to use Markdown in a Jupyter Notebook which I then converted to HTML.

This produces very clean looking slides, and it’s easy to write LaTeX commands too (unlike in Google Slides).

The process I followed to create the slides is very simple.

The same week that I’m giving this talk, I’m also presenting the H0 review paper by Di Valentino et al (we’re having a special H0 tension week, as someone else is going to present Efstathiou’s recent offering on the same topic) and the following week I’ve been invited to give a seminar at my old undergraduate institution, Aberystwyth University, which I’m really looking forward to.

Turn your Jupyter Notebook into interactive Presentation Slides using Anaconda

Table of contents, download our sample and try it yourself, 1. open powershell prompt in anaconda, 2. change directory to current folder, 3. type jupyter nbconvert command, 1. enable slideshow view, explanation of each “slide type”, 3. add tag to hide code of charts on the slide, next article – host html file online.

In our “Learn Python From Zero For Absolute Beginner” series , you have learnt how to use Python to do some data manipulation tasks and create interactive charts using Plotly within Jupyter Notebook. After completing your analysis, it is common that you will need to deliver a presentation to present your findings. Traditionally, this might involve manually capturing screenshots of your notebook’s code and charts, and creating static slides using PowerPoint or Canva for your presentation. However, there is a more time-saving and dynamic approach, allowing you to convert your Jupyter Notebook into interactive slides . You can showcase your code , visualizations, and insights while retaining the interactivity of the Plotly charts you created. Give a try to this approach and captivate your audience with an interactive presentation experience derived directly from your Jupyter Notebook! At the end of this article, you will be able to convert your Jupyter Notebook (.ipynb file) to one single HTML file . By double clicking the HTML file, you can view your Jupyter Notebook content as below in the browser:

Before we proceed with configuring the settings in Anaconda to transform cells into slides, let’s first walk through the straightforward process of converting an .ipynb file to an HTML file .

To help you grasp the speed and simplicity of this conversion, please download our sample Jupyter Notebook (.ipynb file) here and follow the steps outlined below.

You may find the content in this .ipynb file familiar if you have been following our “Learn Python From Zero For Absolute Beginners” series as we have taken code snippets from the first two lessons and compiled them into this .ipynb file.

Preview of jupyter slide ipynb sample file

Convert ipynb file to HTML file

If you need guidance on how to install or use Anaconda, you can refer to our previous article here .

If you are a Mac user, you have the advantage of utilizing the Terminal directly on your Mac for the subsequent steps.

Windows user: Powershell Prompt in Anaconda
Mac user: Terminal in Mac

In the Powershell Prompt window or Terminal, use the cd command to change directory to the folder that you stored the .ipynb file.

Method 1: Using command below

Method 2: Drag and drop

Drag and drop the folder where storing the .ipynb file to the Powershell Prompt window or Terminal after typing cd .

Type the command below in the Powershell Prompt window. You may change sample.ipynb to the filename of your .ipynb file. This command uses nbconvert tool to convert an .ipynb notebook file into various static formats like HTML.

If you are using Terminal in Mac, you may need to execute the following command before executing the jupyter nbconvert command.

After executing the jupyter nbconvert command, an HTML file will be automatically generated in the current folder ( sample.slides.html in this case). The generated HTML file retains the content and structure of the ipynb Notebook, now conveniently presented in a slide format. One notable advantage is that the generated HTML file has a relatively small file size, which is beneficial for sharing and transferring files.

If you have a good understanding of HTML, you can further customize the generated HTML file, making modifications to the styling or content of the slides.

ouput after converted the ipynb file to html file

Configure settings in Jupyter Notebook to transform cells into slides

Before proceeding with the conversion process to HTML as outlined above, you need to make some configurations in Jupyter Notebook using Anaconda .

This configuration allows you to selectively choose which cells to display , ensuring that only the relevant content appears in the HTML output, showcasing the most important code snippets, explanations, and visualizations. This flexibility empowers you to tailor the HTML slides to your specific needs and deliver a concise and impactful presentation to your audience.

In the menu bar, click “ View ” → “ Cell Toolbar ” → “ Slideshow “.

2. Select Slide Type for each cell

After enabling the slideshow view, you can now select the “Slide Type” of each cell at the top right hand corner.

If you prefer showcasing charts or visualizations on the slides without including the corresponding code, you can assign specific tags to the desired cells.

In the menu bar, click “ View ” → “ Cell Toolbar ” → “ Tags “.

Type to_remove in the top right hand corner of the cell, and click “ Add tag “.

After configured each cell in Jupyter Notebook using Anaconda, you can now follow the steps in the previous section “Convert ipynb file to HTML file” to turn your Jupyter Notebook into interactive HTML Presentation Slides. The generated output is a single HTML file, making it incredibly convenient to share and save on a USB drive. Simply double-click on the HTML file to open it in any web browser. This portability and accessibility make it ideal for presenting in a classroom setting too. Good luck on your presentation!

As the converted file is in HTML format, you can also choose to host it as a website online like below. In our upcoming article, we will guide you through the process of hosting your HTML file on GitHub Pages. Stay tuned!

Kam, M. (2020, June 28). Creating an interactive presentation with Jupyter Notebook and Plotly. Things Michael Thinks. https://www.michaelkam.id/data-visualisation/2020/06/28/creating-an-interactive-presentation-with-jupyter-notebook-and-plotly.html

Krishnamurthy, D. (2015, December 5). Jupyter Notebook, Reveal.js and Github Pages. kdheepak. https://kdheepak.com/blog/jupyter-notebook-revealjs-and-github-pages

Mayeesha, T. (2018, February 12). Present your data science projects with Jupyter Notebook slides! Medium. https://medium.com/learning-machine-learning/present-your-data-science-projects-with-jupyter-slides-75f20735eb0f

– By Holly Chan , Library

October 6, 2023

You may also be interested in…

How to host your website on GitHub Page

Learn python from zero for absolute beginner (2): data visualization.

How to open .ipynb file (Jupyter Notebook)

Free Python 3 Tutorial
Control Flow
Exception Handling
Python Programs
Python Projects
Python Interview Questions
Python Database
Data Science With Python
Machine Learning with Python
How to Customize Line Graph in Jupyter Notebook
Jupyter Notebook - Cell Magic Functions
Interactive Dashboard from Jupyter with Voila
How to Work in Jupyter Notebook with Multiple Languages
How to Optimize Jupyter Notebook Performance ?
How to Hide all Codes in Jupyter Notebook
How to Delete Markdown in Jupyter Notebook
Ways to recover deleted Jupyter notebook cell?
Useful IPython magic commands
How to interrupt the kernel in Jupyter notebook
Keyboard Shortcuts to Clear Cell Output in Jupyter Notebook
Configure Keyboard Shortcuts in Jupyter Notebook
How to Change the Theme in Jupyter Notebook
"How to Fix 'jupyter: command not found' Error After Installing with pip "
Data Visualization in jupyter notebook
How to Fix Kernel Error in Jupyter Notebook
How to Add a Python 3 Kernel to Jupyter IPython
Stop the Jupyter Kernel if Kernel is not responding
Creating Interactive Dashboard from Jupyter Notebooks

Creating Interactive Slideshows in Jupyter Notebooks

We all have been very well acquainted with the creation of slideshows by using Microsoft PowerPoint for our schools, colleges, or offices in our day-to-day lives. But, have we ever wondered how would it be to create a slideshow through the Jupyter Notebook? The advantages of creating slideshows with Python and Jupyter are its version control capability, dynamicity in the slideshows, easy sharing of codes with others in the groups, and a single presentation document, but the only con with this is that it doesn’t have many themes to apply in the slides, due to which it may look sort of a little plain.

In this article, we will walk through the different methods used for creating interactive slideshows in Jupyter Notebook like through RISE, with Jupyter’s built-in slideshow feature, Jupyter widgets, and ipywidgets and voila and voila-reveal. Also, we will read about the importance of creating interactive slideshows, how to customize our slides in the slideshows, and the processes involved in exporting the slideshow.

Now, coming to the basic query to ask everyone, and which every individual has in their mind is

Why Interactive SlideShow?

Some of the reasons why interactive slideshows are appreciated are mentioned below:

1. It easily helps in capturing audiences’ attention because of its interactive clickable elements, colours, images, videos, etc. making the presentation more memorable.

2. Users can delve further into data visualization s, charts, and graphs in interactive slideshows for data-driven presentations. To acquire deeper insights, they might filter data or zoom in on particular data points.

3. Interactive slideshows possess features like surveys and quizzes to collect feedback and gauge audience comprehension in real-time, which can be useful for training or instructional purposes.

4. Presenters can adapt their information to their audience’s demands by using interactive slideshows. Users can take their own route through the content by concentrating on the subjects that are most interesting or important to them, creating a more individualized experience.

Customizing Slides in Jupyter Notebook

Customizing slides refers to applying uniqueness to the appearance, content, and behaviour of individual slides to meet specific preferences. Similarly, we can also customize our slides in Jupyter Notebook. This can be done by adding metadata to the individual slides in the cells. Metadata is specified in the cell’s metadata tag, present under the “Cell Toolbar” option. From there you can customize the slide according to your own choice (Metadata is here referred to the information about the book, it is used to control the features and behavior of the notebook).

The above image will apply “Edit Metadata” to all the slides.

You can now add any metadata to customize your slides as shown in the above image.

Exporting SlideShows in Jupyter Notebook

Once you are done with the creation and customization of the slides, you can export your slideshow from the Jupyter Notebook to your local machine. The slides can be exported in different formats such as HTML, PDF, LaTex, Reveal JS, Markdown (md), ReStructured Text (rst) and executable script. After exporting the file, save it in the same folder as that of where your Jupyter Notebook is installed. Finally, you will be able to easily present your slideshow from your local system to the outside world.

You can do so with the help of nbconvert tool. The nbconvert tool, is a Jupyter Notebook tool that converts notebooks to various other formats via Jinja templates. In order to used the nbconvert tool, you need to follow its basic command.

From the Command Line, use nbconvert to convert a Jupyter Notebook (input) to a different format (output). The basic command structure is given below:

where <output format> is the desired format in which the notebook is converted and <input notebook> is the filename of your own Jupyter Notebook which you want to convert.

For example: CONVERT JUPYTERNOTEBOOK SLIDESHOW TO HTML

This command creates an HTML file named as slideshow.ipynb.

Creating Interactive Slideshows in Jupyter Notebook using RISE

Step 1: set up all the requirements.

Installing Python and Jupyter Notebook

In order to start with the slideshows, firstly you need to install Python and Jupyter Notebook, using Anaconda Navigator.

Installing RISE

RISE , is an acronym which stands for Reveal.js IPython/Jupyter Slideshow Extension and as the name suggests RISE is a Jupyter Notebook extension that enables you to create dynamic presentation slides from your Jupyter Notebook. Through RISE, a notebook is rendered as a Reveal.js based slideshow during which you can execute code, display plots or show your audience any actions you would perform inside the notebook itself.

To use rise, first you need to install this. If you are using Anaconda then, use the command

or if you are using Command Prompt then use the command

You won’t be able to interact directly with RISE, instead you will be access it through your Jupyter Notebook.

Step 2: How to Create a SlideShow

Enabling slideshow mode.

To start with the creation of slideshows, you will need to start the Jupyter Notebook and open a new Notebook in it (must do this after installing RISE). Once you’re in the new fresh Notebook, you will need to enable the slideshow. For doing this, follow the following steps given below:

1. Click on the “View” tab in the Jupyter Notebook.

2. A dropdown menu will appear. Hover and select over the “Cell Toolbar” option.

3. Another dropdown appears. Now, select the “Slideshow” option in the “Cell Toolbar” menu.

You’ve now enabled the slideshow mode.

Creating the slides with cells

Now, at this point, start working with the cell toolbar present in the dropdown menu.

Once, you open the first cell in the Notebook, you’ll observe a “ Slide Type ” option present at the top right corner of the cell. This contains different types options which determines how each slide would fit in the slideshow. Those are:

slide – designates the selected cell as the first of a new slide.

sub-slide – indicates that the selected cell should be the start of a new sub-slide, which appears in a new frame beneath the previous slide.

fragment – denotes that the chosen cell should be added to the previous slide as a build.

skip – indicates that the selected cell should not be included in the slideshow and should instead be skipped.

notes – indicates that the selected cell should just be the presenter notes.

– – indicates that the selected cell should follow the behavior of the previous cell, which is useful when a markdown cell and a code cell should appear simultaneously.

Step 3: Viewing and Operating the SlideShows

Viewing the slideshow.

The slideshow can be seen directly from the notebook once the slide material has been created using cells for the slideshow.

There are two options to view the slideshow:

1. Using the shortcut ALT + R on Windows to enter and exit into the presentation mode within the notebook.

2. Clicking the “Presentation Mode” button from the notebook (Note that it would only appear if you’ve successfully installed RISE) as present at the right most, shown in the image given below.

Once you choose enter into the slideshow presentation mode, a window will open as shown below

This means the presentation is active now.

Operating the slideshow

Changing the slides.

When you enter in the slideshow window, you will see four different types of arrows in the bottom-right corner for controlling the slides. Although using the keys <- and -> may look attractive, but it can lead to skip of many sub-slides. Instead, its recommended to use SPACE for moving the slides forward and SPACE+SHIFT for moving the slides backward, respectively.

Apart from this, you may also access many other keyboard shortcuts within the slideshow by clicking the question mark (?) in the bottom-left corner.

Running and Editing the code

One of the best features of RISE is that you can update and run code while the presentation is in progress because it operates in a live Python session.

A code cell will show up in the slideshow as editable and runnable if it is identified as a slide, sub-slide, fragment, or -. Here’s an illustration:

Finally, you are done with the slideshow to showcase it to others.

Creating Interactive Slideshow using Jupyter’s built-in Slideshow Features

Until now, we learnt about the different ways of creating interactive slideshows in Jupyter Notebook with the help of RISE. But, there are some other methods too, which can be used for creating slideshows in Jupyter Notebook. One of them is “Jupyter’s built-in slideshow feature”. To create interactive slideshows in Jupyter Notebook with the help of its built-in feature, perform the following steps:

Step 1: Open a New Notebook

To start with, open a new notebook and rename it.

Step 2: Create new Slides

Once you are inside a new fresh notebook, start creating slides as much as you want to add in your slideshow.

Step 3: Enable SlideShow Mode

After you are done with the creation of all the slides, define them as specific slide-type such as “Slide”, “Sub-Slide”, “Fragment”, “Skip”, “Notes”, “Markdown”. Also, enable the slideshow mode through the “Cell Toolbar” in the Notebook toolbar.

Step 4: Run the Notebook for SlideShow

Next, save your notebook and close it. Open the Command Prompt, and run the below mentioned command to see your notebook as a slideshow.

Replace myslideshow.ipynb with your notebook filename. The above command will convert your Jupyter Notebook to a slideshow.

Creating Interactive Slideshow using Jupyter Widgets and IPYwidgets

Ipywidgets, is a python libraray, often termed as Jupyter widgets or simply widgets in short. With this, you can build interactive HTML widgets that will display in your Jupyter Notebook. They are interactive Graphical User Interface (GUI) elements which incorporate user interaction into your code, enhancing the interest and usefulness of your notebooks. They are especially beneficial for activities like data exploration, data analysis, parameter adjustment, and concept demonstration.

There are many different controls available with Jupyter widgets, including buttons, sliders, text input fields, dropdown menus, checkboxes, and more. These features allow for real-time data manipulation and display, parameter changes, and action triggering without the need to run code cells again.

Jupyter widgets or ipywidgets, also helps in building interactive slideshows. You just need to apply the following steps:

Step 1: Install IPYwidgetsINSTALL ‘IPYWIDGETS’

In order to start working with widgets, you need to first install it. For this, you can use Command Prompt or Anaconda.

Step 2: Import the Libraries

In the next step, import the necessary required libraries in your notebook.

Step 3: Create Interactive Widgets

Now, select the type of interactive widget, you want to include in your presentation. For example, here I have used the slider widget.

Here, we can assign the min and max value, step value and the description of the slider.

Step 4: Display the Widgets

This will display the widget which is applied to the slide.

Step 5: Run the SlideShow

Next, when you are done creating the widgets for all the specific slides, turn on the slideshow mode. To do this, go to View -> Cell Toolbar -> Slideshow. Thereafter, use the “Slide Type” dropdown menu in the toolbar to specify how each cell should be treated (e.g., slide, sub-slide, fragment, skip and notes).

Step 6: Start the Slideshow

Finally, start the slideshow by clicking the “Enter/Exit Live Reveal Slideshow” button in the toolbar. Your presentation will begin, and interactive widgets will be functional.

Creating Interactive Slideshow using Voila and Voila-Reveal

Voila is an open-source framework or we can say a web application, with the help of which one can convert Jupyter notebooks into dashboards and interactive online applications. Although it’s primarily responsible for creating web applications, it can also be used to create interactive slideshows for Jupyter notebooks.

On the other hand, Voila-Reveal is just an extension of voila. It allows to convert simple jupyter notebook into a Reveal.js based interactive slideshow.

In order to do so, one can follow the below mentioned steps:

Step 1: Install VOILA

To install voila, you can use Command Prompt

Step 2: Create the Slides

Then, create or open Notebook where you will build the presentation. If you want to customize the slides using Reveal.js features like slide backgrounds, transitions, and themes, then do so by adding appropriate metadata to Markdown cells.

Step 3: Run VOILA

Once you created the slides, close your notebook. Then, in the command prompt, navigate to the path where your notebook is stored.

Replace C:\Users\hp with your folder path.

Then, start to run your notebook in the Command Prompt.

Rename Voila.ipynb with the name of your notebook file.

Once you run your file, voila will start a local server and generate the Reveal.js-based presentation from your notebook. It will provide you with a URL, which is typically something like http://localhost:8866 . Open this URL in a web browser to view your interactive slideshow presentation.

NOTE : Voila will convert all the slides in the cells in the notebook to a dashboard.

Please Login to comment...

Geeks Premier League 2023
Jupyter-notebook
Geeks Premier League
How to Delete Whatsapp Business Account?
Discord vs Zoom: Select The Efficienct One for Virtual Meetings?
Otter AI vs Dragon Speech Recognition: Which is the best AI Transcription Tool?
Google Messages To Let You Send Multiple Photos
30 OOPs Interview Questions and Answers (2024)

Improve your Coding Skills with Practice

What kind of Experience do you want to share?

Presenting with Jupyter Notebooks

The best way to walk through this tutorial is using the accompanying jupyter notebook:.

[ Jupyter Notebook ]

In the last year I’ve started presenting work using Jupyter Notebooks, rebelling against the Bill Gates'-driven status-quo. Here I’ll explain how to do it. It’s not difficult, but in my opinion makes presentations look slicker, whilst allowing you to run code live in a presentation if you like. First, we need to download the plug-in that gives us the presentation functionality, it’s called RISE . We can do this easily using pip in a terminal window:

Once installed, our first move is to add the presentation toggles to our notebook cells. We do this by clicking View in the menu bar, then Cell Toolbar , then Slideshow :

Adding Presentation Toggles to Cells

Slide types.

This adds a Slide Type dropdown to each cell in the notebook. Here we can choose one of five options:

Slide : Used to start a new chapter in your presentation, think of this as a section heading in LaTeX.
Sub-slide : Slide falling within the chapter defined by a Slide cell.
Fragment : this is to split the contents of one slide into pieces; a cell marked as a fragment will create a break inside the slide; it will not show up right away, you will need to press Space one more time to see it.
Skip : Skips cell when in presenter mode.
Notes : Cell that allows the author to write notes on a slide that aren’t shown in presenter view.

As with any notebook, we can define the cell type to be either Markdown or Code . As you’d expect, we present any text or image-based slide in Markdown , reserving the Code cell type if and only if we want to explicitly run some code in the presentation. If you aren’t familiar, Markdown is a straightforward language for text formatting; I won’t go into the details here, but suffice to say you can learn the basics of Markdown in 5 minutes. You can find a useful cheatsheet here .

Adding images is easy too. I advise creating a sub-directory in your working directory called /images and storing anything you want to present there. Then you display them in a markdown file using some simple HTML syntax:

You can manipulate the style attribute to change the size of the image. Don’t worry, this is the only HTML you need to know!

Entering Presentation Mode

To view your slideshow click on the bar-chart button in the menu bar. This will start the presentation from the cell currently selected:

That’s it! This tutorial has given you an introduction to the basics of RISE for presenting with Jupyter Notebooks, you can of course customise these to your heart’s content using further plug-ins and more advanced Markdown. Here’s a summary of the useful links from this document to finish:

RISE Documentation
Markdown Cheatsheet
Markdown Table Generator

Twitter: @enjeeneer

Website: https://enjeeneer.io/.

Nikolai Janakiev

Freelance Data Scientist and Data Engineer with a focus on Python, geospatial applications, routing, and all things data.

home · about · projects

Creating Slides with Jupyter Notebook

Table of contents, preparation, convert slides for reveal.js, serve slides with https server, export as pdf.

Jupyter notebook is a powerful tool to interactively code in web-based notebooks with a whole plethora of programming languages. With it, it is also possible to create web-based slideshows with reveal.js .

The slides functionality is already included in Jupyter Notebook, so there is no need to install plugins. Although slides do not work at the time of writing for JupyterLab . To open the slides toolbar for each cell in your Jupyter Notebook, enable it via View > Cell Toolbar > Slideshow :

Now you can specify for each cell what kind of slide type you want. The available types are Slide (new slide), Sub-Slide (new slide below last one), Fragment (fragment within previous slide), Skip (skip this cell) and Notes (adding speaker notes):

You can now convert the notebook with the jupyter-nbconvert command line tool and the --to slides option. First, you need to add/clone reveal.js into your folder with the presentation ( git clone https://github.com/hakimel/reveal.js/ ) and then you can run the command:

If you want to enable scrolling you can add the following to the jupyter nbconvert command (thanks to Hannah Augustin for the hint):

It is also possible serve slides with an https server by using the --post serve option as in the command:

This will run a server which opens the presentation in your browser ready for presentation. Another neat thing is RISE , a Jupyter slideshow extension that allows you to instantly turn your Jupyter Notebooks into a slideshow with the press of a button in your notebook:

Finally, if you want to create a PDF from your slides, you can do that by adding ?print-pdf to the url of the previously hosted slides:

After opening this url, you can now print the page to PDF. You can find other configuration options in the nbconvert documentation .

Happy presenting!

Installing and running jupyter on a server 12 feb 2019, manage jupyter notebook and jupyterlab with systemd 10 nov 2020, remove jupyter notebook output from terminal and when using git 06 nov 2021.

Manage Email Subscriptions
How to Post to DZone
Article Submission Guidelines
Manage My Drafts

Enterprise AI Trend Report: Gain insights on ethical AI, MLOps, generative AI, large language models, and much more.

2024 Cloud survey: Share your insights on microservices, containers, K8s, CI/CD, and DevOps (+ enter a $750 raffle!) for our Trend Reports.

PostgreSQL: Learn about the open-source RDBMS' advanced capabilities, core components, common commands and functions, and general DBA tasks.

AI Automation Essentials . Check out the latest Refcard on all things AI automation, including model training, data security, and more.

Norm of a One-Dimensional Tensor in Python Libraries
Improving Sentiment Score Accuracy With FinBERT and Embracing SOLID Principles
Apache Flink
How To Use Amazon SageMaker for Machine Learning
How Scrum Teams Fail Stakeholders
Code Complexity in Practice
OWASP Top 10 Explained: SQL Injection
The Rise of the Platform Engineer: How to Deal With the Increasing Complexity of Software

Creating Presentations With Jupyter Notebook

When you build a presentation using jupyter notebook, you'll be able to run code live from your slides..

Join the DZone community and get the full member experience.

Jupyter Notebook can be turned into a slide presentation that is kind of like using Microsoft PowerPoint, except that you can run the slide's code live! It's really neat how well it works. The only con in my book is that there isn't a lot of theming that can be applied to your slides, so they do end up looking a bit plain.

In this article, we will look at two methods of creating a slideshow out of your Jupyter Notebook. The first method is by using Jupyter Notebook's built-in slideshow capabilities. The second is by using a plug-in called RISE .

Let's get started!

The first thing we need to do is to create a new Notebook. Once you have that done and running, let's create three cells so that we can have three slides. Your Notebook should now look like the following:

An empty notebook with 3 cells

Now let's turn on the "slideshow" tools. Go to the View menu and then click on the Cell Toolbar menu option. You will find a sub-menu in there that is called Slideshow . Choose that. Now your Notebook's cell should look like this:

An empty slideshow

There are now little comboboxes on the top right of each cell. These widgets give you the following options:

Let's add some text to our first cell. We will add the text "# Hello Slideshow" to it and set the cell type to Markdown. Note the pound sign at the beginning of the text. This will cause the text to be a heading.

In cell two, we can add a simple function. Let's use the following code:

For the last cell, we will add the following text:

Make sure you set that to be a Markdown cell as well. This is what my cells ended up looking like when I was done:

Getting the slideshow ready

To make things simple, just set each of the cell's individual comboboxes to Slide .

Now we just need to turn it into an actual slideshow. To do that, you will need save your Notebook and shut down the Jupyter Notebook server. Next you will need to run the following command:

Running the slideshow

To navigate your slideshow, you can use your left and right arrow keys or you can use spacebar to go forward and shift_spacebar to go back. This creates a pretty nice and simple slideshow, but it doesn't allow you to run the cells. For that, we will need to use the RISE plugin!

Getting Started With RISE

Reveal.js - Jupyter/IPython Slideshow Extension (RISE) is a plugin that uses *reveal.js* to make the slideshow run live. What that means is that you will now be able to run your code in the slideshow without exiting the slideshow. The first item that we need to learn about is how to get RISE installed.

Installing rise with conda

If you happen to be an Anaconda user, then this is the method you would use to install RISE:

This is the easiest method of installing RISE. However most people still use regular CPython, so next we will learn how to use pip!

Installing rise with pip

You can use Python's pip installer tool to install RISE like this:

You can also do `python -m pip install RISE` if you want to. Once the package is installed, you have a second step of installing the JS and CSS in the proper places, which requires you to run the following command:

Using RISE for a SlideShow

Now that we have RISE installed and enabled, let's re-open the Jupyter Notebook we created earlier. Your Notebook should now look like this:

Adding RISE

You will notice that I circled a new button that was added by RISE to your Notebook. If you mouse over that button you will see that it has a tooltip that appears that says "Enter/Exit RISE Slideshow." Click it and you should see a slideshow that looks a lot like the previous one. The difference here is that you can actually edit and run all the cells while in the slideshow. Just double-click on the first slide and you should see it transform to the following:

Running with RISE

After you are done editing, press SHIFT+ENTER to run the cell. Here are the primary shortcuts you will need to run the slideshow effectively:

SPACEBAR - Goes forward a slide in the slideshow
SHIFT+SPACEBAR - Goes back a slide in the slideshow
SHIFT+ENTER - Runs the cell on the current slide
DOUBLE-CLICK - To edit a Markdown cell

You can view all the Keyboard shortcuts by going to the Help menu when not in Slideshow mode and clicking the Keyboard Shortcuts option. Most — if not all — of these shortcuts should work inside a RISE slideshow.

If you want to start the slideshow on a specific cell, just select that cell and then press the Enter Slideshow button.

RISE also works with Notebook widgets. Try creating a new cell with the following code:

Now start the slideshow on that cell and try running the cell (SHIFT+ENTER). You should see something like this:

Using a widget in RISE

You can use RISE to add neat widgets, graphs and other interactive elements to your slideshow that you can edit live to demonstrate concepts to your attendees. It's really quite fun and I have used RISE personally for presenting intermediate-level material in Python to engineers.

RISE also has several different themes that you can apply as well as minimal support for slide transitions. See the documentation for full information.

Wrapping Up

Partner Resources

About DZone
Send feedback
Community research
Advertise with DZone

CONTRIBUTE ON DZONE

Become a Contributor
Core Program
Visit the Writers' Zone
Terms of Service
Privacy Policy
3343 Perimeter Hill Drive
Nashville, TN 37211
[email protected]

Let's be friends:

Creating presentations from Jupyter notebooks

January 12, 2022

2022 · python jupyter data visualization

The Jupyter notebook, controversial though it may be , is a core data exploration and experimentation platform for many in the data and scientific communities. In particular, its combination of REPL-like input and embedded HTML output make for an ideal means of generating and analyzing data tables and visualizations. This is great for sharing information with others – and, it turns out, the Jupyter ecosystem includes tooling to quickly generate reveal.js presentations using the included nbconvert library.

Getting started

For local service, you’ll need to provide a path to the reveal.js library. It’s probably easiest to clone it into the working directory of your notebook:

Then, run the export command to initiate the reveal.js service:

The --to option actually accepts a number of possible output formats, including PDF (try jupyter nbconvert --help to see other options), but the slides argument targets reveal.js slides. --reveal-prefix should point to your local reveal.js directory, and --post serve specifies that the reveal.js serve command should be run following conversion (a tab containing the live presentation should be opened on your default browser).

By default, every cell is treated as a unique slide, but you have some basic control over how cells are turned into reveal.js objects. First, select the “slideshow” view from the menu:

You can choose from a few different slide types for each cell:

“Sub-slide” creates a separate slide which is grouped within the closest “Slide” (in reveal.js presentations, lateral movement will change parent “Slide” groups, while vertical movement will proceed within an individual slide grouping). A “fragment” will be conjoined to the previous slide/sub-slide, but will be revealed on an extra enter/arrow-key press/click (sort of like the “appear” animation in Powerpoint progressively reveals individual bullet points).

A few closing notes:

The nbconvert docs suggest reverting your reveal.js source to version 3.5 (via git checkout 3.5.0 in the reveal.js repo). I found that this broke some things and do not recommend it.

Jupyter notebooks don’t immediately auto-save state, so remember to click the “save and checkpoint” button before exporting to ensure that you capture the most recent iteration of your work.

Theoretically the HTML output should be able to pull requisite scripting from a reveal.js CDN, but it didn’t seem to work for me ¯\_(ツ)_/¯ . Maybe there are more --reveal-prefix related options? Who knows.

Critically, reveal is flexible about sizing for a lot of things, but will struggle with images (and probably code output), so make sure to double-check that any visual output looks right in a presentation beforehand (you may need to resize it)

Things Michael Thinks

Data science in learning, creating an interactive presentation with jupyter notebook and plotly.

Let’s say you have performed some analysis using Jupyter notebook and produced some great visualisations to back up your finding. How would you present this to your stakeholders and other people? One great way to ace this is to convert your jupyter notebook and plotly graphs to an interactive presentation that can impress people.

Introduction

I learned on creating slides using Jupyter Notebook from Tahsin Mayeesha’s medium post . However, I was curious to see if I can incorporate interactive graphs from Plotly in the slides. Therefore, I wrote this post to share what I’ve learned.

For this post, I will use the Titanic dataset from Kaggle . This dataset is a classic dataset used to learn machine learning models on classification problems.

In this case, my aim was to present my finding from an Exploratory Data Analysis on the Titanic dataset. I would include several visualisations and slides to show what you can do with Jupyter markdown and slides. Although I would use Plotly mostly for the slides, I have also included one plot with Seaborn and one plot from Pandas Profiling library to show the possibilities you can do.

For my presentation, I imported the following visualisation libraries.

Plotly, including the Plotly Express and Plotly Graph Objects
Pandas Profiling visualisation for missing values in the dataframe.

All the libraries above are not required to make the slides work, you can just simply use Plotly , Seaborn , or even simply Matplotlib . You can check the full notebook on my GitHub repo here .

Jupyter Notebook Slideshow View and Setting

Changing the view will allow you to set what type of slides you want for each cell. There are 5 Slide Types you can select:

Slide . This is the main content of a slide. You can place markdown, visuals, or even code here.
Sub-Slide . I will consider this as a new slide with transition animation. You have to use the down arrow navigation to access it from the main slide (Slide type).
Fragment . This will be a part or component of the immediate previous cell with Slide Type. For example, one cell with the heading will be set as Slide and the visualisation will be set as Fragment. The fragment will be inside the main slide but with a fade-in transition.
Skip . This cell will not be shown on the slides. Perfect for code and comment cells that you won’t show. Be aware that you can’t put skip for your visualisation code because the output will not be shown as well.
Notes . This will create Speaker notes, but I haven’t tried this function. From the NbConvert reference , you need to have a local copy of the Reveal.JS file to allow you having a presenter view with the notes.

Skip type for Non-Visualisation Code Cell

Slide type for Title and Markdown Cell

For the first slide or the cover, I will only use one markdown cell with title, subtitle, and author.

Slide + Fragment types for Mixture of Markdown and Code Cells

Hiding the Codes on the Slide

Specific for Plotly

If you use plotly, then you need to pay attention in this section. Otherwise, your plotly graphs won’t show up in the slides.

Plotly will require its JavaScript file ( plotly.js ) to produce the graph. There are three options you can choose:

A local copy of JavaScript file. This is the easiest and simplest way to ensure the Plotly graphs to work. You can download the latest JS file from this link and rename it into plotly.js. This file needs to be in the same folder or directory with the resulting HTML slides file.
Refer to CDN online. This is a great option if you want a lightweight HTML file and have constant access to the Internet. This is perfect if you want to embed the slides on a website. To do this, create a new code cell at the beginning, include this code here: from IPython.display import Javascript Javascript ( """require.config({ paths: { plotly: 'https://cdn.plot.ly/plotly-latest.min' } });""" )

The get_plotlyjs function would return the whole minified Plotly JS script and by using the Javascript function from IPython we include this in the notebook. The resulting file would be 3MB larger because of the inclusion. However, you will only have one HTML file that you can just send or use anytime.

Converting the Notebook to Slides

To produce the slides from the jupyter notebook, run the following code on your command prompt or bash:

Here we are calling nbconvert function that can be used to convert the notebook into slides (HTML format with Reveal.js) or other formats as can be referred on the documentation .

The TagRemovePreprocessor will remove any code with to_remove tag as we specified. Again, this can be replaced with any other tag you specified before hand.

If you check your directory, the html version of your notebook will be there. You can open this on the web browser and use the directional pad on the screen or arrow keys on your keyboard to navigate. I was able to open the file and interact with Plotly graphs successfully using Chrome, Firefox, Opera, and Microsoft Edge. I heard this might not work so well with Safari but I can’t confirm this.

For me personally, I found that using --post serve , I could not terminate the server using Ctrl-C as described even after many tries. However, I also found that I can omit this in my command prompt and still get the HTML slides file.

Final Output of the Slides

Here are the following slides I produced from my jupyter notebook that you can find on GitHub

How to use your GPU in Jupyter Notebook

Speed up your machine learning algorithms by running them on your graphics card in Jupyter Notebook

If you’re unfamiliar with it, Jupyter Notebook is a powerful IDE that lets you create scripts for data analysis, web scraping, machine learning, and tons of other use cases. For the average coder who's into data science, Jupyter Notebook serves as the perfect companion as it lets you create interactive documents for everything from jotting down notes to compiling complex codes. While this IDE can be installed on pretty much any modern laptop , you're going to have a tough time if you try to train AI algorithms on a CPU.

As such, you can configure Jupyter Notebook to relegate the demanding deep-learning workloads to your powerful graphics card instead of the processor. However, you'll have to go through several steps, including setting up Python libraries, creating coding environments, and installing drivers before you can run Jupyter Notebook on your graphics card.

How to use Jupyter Notebook on Windows, Linux, and macOS

Installing python.

This step may sound redundant if you’re already knee-deep into programming, but you’ll need to install Python on your PC to use GPU-accelerated AI in Jupyter Notebook. Simply download the Python.exe file from the official website and click on the install button after granting admin privileges to the installer.

How to install Python on Windows, Linux, and macOS

For most users, I recommend choosing the Disable Path Length Limit to avoid future headaches caused by the 260-character limit on the length of file paths set by Windows 11 .

Installing Miniconda

Miniconda is a toolkit that contains important Python libraries, environments, and packages necessary to enable your GPU. It also lets you create a Jupyter Notebook.

Download the setup.exe file from the official website and run it with admin privileges.
Hit the Install button and press Finish once the installation is complete.

Setting up a Conda environment

Now that you’ve installed Python and Miniconda, it’s time to configure a coding environment for your machine learning projects. I recommend creating a separate enviroment as we'll be using older packages in this tutorial.

Since the latest version of TensorFlow doesn’t work on Windows 11 systems that don't have WSL pre-configured, you’ll have to install a build that’s older than TensorFlow v2.11. The same goes for Python, so you’ll have to downgrade to Python 3.9 in the new Conda environment.

Installing Jupyter Notebook

Finally, you can set up a local Jupyter Notebook server containing all your project files.

You can check if the Miniconda coding environment works with the GPU. To do so,

import tensorflow as tf
gpus = tf.config.list_physical_devices("GPU")
for gpu in gpus:
print("Found a GPU with the name:", gpu)
Press the Run button.

If Jupyter Notebook displays a graphics card as the output, it means the process was successful!

Running Jupyter Notebook on a GPU

Once you’ve verified that the graphics card works with Jupyter Notebook, you can use the import tensorflow code snippet to leverage your GPU in all your machine-learning projects. In case Jupyter Notebook is unable to detect your graphics card, you can retry the same procedure in another Conda environment. Be sure to install the same versions of the CUDA drivers and the cuDNN and TensorFlow libraries as I've used in this tutorial to avoid running into compatibility issues.

If your projects take eons to compile, your graphics card could be lacking in horsepower. Upgrading to a better GPU is an easy fix that will give your PC the much-needed boost to run complex AI and deep learning algorithms.

Best GPUs for deep learning in 2024

Filter by Keywords

10 Jupyter Notebook Alternatives and Competitors in 2024

ClickUp Contributor

March 26, 2024

If you’re familiar with Jupyter Notebook, you know it’s an excellent tool for creating and sharing documents that contain live code, equations, visualizations, and narrative text.

However, the world of data science and coding constantly evolves, and a collaborative and interactive notebook environment is a must-have. Some users also look for alternatives to Jupyter because it lacks data versioning and code completion features.

No more sharing and managing multiple versions of Jupyter Notebooks! Choose an interactive tool that facilitates collaboration.

Let’s explore the 10 best Jupyter alternatives and competitors today. Whether you’re a seasoned data scientist or just starting your coding journey, there’s something here for everyone.

What Should You Look for in Jupyter Notebook Alternatives?

1. ClickUp

3. Nextjournal

4. deepnote, 5. google colab, 7. zeppelin, 8. saturn cloud, 9. microsoft azure notebooks, 10. ibm watson studio, power your data science projects with clickup.

When searching for Jupyter alternatives, ensure you shortlist those that:

Offer a great user experience: Look for Jupyter alternatives that simplify navigation and optimize the user experience with an intuitive interface
Enable consistent collaboration: Consider how well your chosen tool can support collaborative work. Look for real-time updates, adaptation control, and record-sharing
Support data visualization: Choose Jupyter alternatives that let you visualize your data effectively with interactive plots and dashboards
Provide great onboarding and support : Shortlist solutions that offer comprehensive documentation and access to a supportive data science community or customer support team
Allow seamless work: Ensure that the tool you choose is compatible with your regular programming languages and file formats

The 10 Best Jupyter Notebook Alternatives to Use in 2024

Let’s now explore the best Jupyter alternatives for data science in 2024.

1. ClickUp

ClickUp is an all-in-one tool that offers a versatile and collaborative approach to managing projects and documents.

With its user-friendly interface and a wide range of formatting options, you can easily use ClickUp Docs to create and edit documents for any project, roadmap, knowledge base, or task.

And there’s more. ClickUp Docs also allows you to collaborate with your team in real-time. Imagine working on documents together, sharing ideas, and making changes as needed, all in one place.

With version control, tracking changes and reverting to previous versions are a breeze. No more confusion or chaos!

Generate code snippet using ClickUp Brain

Plus, you can even add HTML files, create test specifications, and generate code snippets with the help of ClickUp Brain , an all-in-one AI assistant that can also help you create templates and tables to store data.

If you’re worried about data analysis, ClickUp has you covered there too. The ClickUp Data Analysis Findings Template is your go-to for organizing and presenting your findings.

Extract insights, visualize trends, and make informed decisions with ClickUp Data Analysis Findings Template

With sections for summarizing key findings, visualizing data, and providing recommendations, you can easily create, edit, and share this template with your team.

That’s not all! ClickUp Notepad offers a more versatile approach to note-taking, brainstorming, and organizing ideas than Jupyter Notebook. You can create and organize notes in a hierarchical structure, making it easy to keep track of different topics and subtopics. And with rich formatting options such as bold, italics, and bullet points, your notes will be informative and visually appealing.

ClickUp Notepad integrates seamlessly with other ClickUp features. Link your notes to tasks, documents, or other ClickUp items, making it easy to reference relevant information. Plus, real-time collaboration means you can brainstorm and share ideas with your team members, no matter where they are.

ClickUp best features

Enhance your data analysis workflows by integrating with Jupyter Notebook, RStudio, or Python
Get instant, accurate, and contextual answers from any work within and connected to ClickUp with ClickUp Brain, your AI Assistant
Create, analyze, and share text, code, SOP documents, data policies, and more with ClickUp Docs
Use various visualization options such as Gantt charts, calendars, and timelines to visualize data related to tasks, projects, and teams
Integrate with third-party tools such as Google Sheets, Microsoft Excel, and Tableau to analyze and visualize data efficiently
Automate data-related tasks such as data collection, analysis, and visualization with features such as custom workflows, custom fields, and automation, saving time and effort
Ensure data security and privacy with encryption, access controls, and audit logs to protect sensitive data

ClickUp limitations

ClickUp has many features and can be customized for different roles, so it might take a while for new users to learn everything

ClickUp pricing

Free Forever
Unlimited: $7/month per user
Business: $12/month per user
Enterprise: Contact sales for pricing
ClickUp Brain is available on all paid plans for $5 per Workspace member per month

ClickUp ratings and reviews

G2: 4.7/5 (9,380+ reviews)
Capterra: 4.7/5 (4,000+ reviews)

CoCalc is one of the best Jupyter alternatives for teaching

Collaborative Calculation and Data Science (CoCalc) by Sagemath, Inc., is an online platform for collaborative coding. It best suits students, researchers, and educators for collaborative projects and remote teaching.

It provides an environment where you can create, edit, and run code in various programming languages, including Python, R, Julia, and SageMath.

CoCalc also supports LaTeX document editing and integrates with Jupyter Notebooks.

CoCalc best features

Work on the same project simultaneously with real-time collaboration features
Use data visualization tools to create charts, graphs, and plots within your projects
Communicate with collaborators through built-in chat and video conferencing features

CoCalc limitations

The free tier has resource limitations, such as memory and CPU quotas, which might restrict complex computations or large datasets

CoCalc pricing

Hobbyist: $10.86/month
Academic Researcher Group: $123.98/month
Business Working Group: $104.16/month

CoCalc ratings and reviews

G2: No reviews available
Capterra: No reviews available

Nextjournal is a web-based platform that integrates computational code with narrative text.

The platform supports various programming languages, including Python, R, Julia, and Clojure, as well as external data sources and libraries.

One of Nextjournal’s key features is its ability to create reproducible research articles that include all the code, data, and visualizations needed to reproduce the results. This ensures transparency and allows others to build upon the work.

Additionally, Nextjournal offers collaboration features that allow multiple users to work on the same notebook simultaneously. This makes it easy for teams to collaborate on projects and share their work with others.

Nextjournal best features

Write code, run it in real time, and visualize the results through text, images, and interactive plots
Share your work and collaborate with others
Track changes quickly with automatic versioning

Nextjournal limitations

Some users may find that it may not cover the needs of product requirement documents

Nextjournal pricing

Team: Starts at $299/month
Enterprise: Starts at $499/month

Nextjournal ratings and reviews

Another alternative to Jupyter Notebook is Deepnote. It’s an interactive data science platform that aims to make collaboration and reproducibility easier for data scientists and analysts like you.

It provides a code editor and notebook interface similar to Jupyter but with additional features such as real-time collaboration, version control, and the ability to easily share projects with others.

Deepnote integrates with popular data science libraries and tools such as pandas, sci-kit-learn, and TensorFlow, and also supports a wide range of programming languages including Python, R, and SQL.

The platform is designed to be user-friendly, focusing on making it easy for you to get started and work with others on data science projects.

Deepnote best features

Collaborate with teammates in real-time and manage version control with Git integration
Choose from a range of appealing graph and chart formats
Integrate SQL to query databases directly within your notebook, streamlining your data analysis process
Share your work with ease via links or export as PDF/HTML files, and personalize your experience with custom themes and shortcuts for a more efficient workflow

Deepnote limitations

Limited support for programming languages
Dependency on Internet connectivity

Deepnote pricing

Team: $39/editor per month
Enterprise: Custom pricing

Deepnote ratings and reviews

G2: 4.8/5 (70+ reviews)

Google Colab is one of the better known Jupyter alternatives

Google Colab, also known as Google Colaboratory, is a cloud-based service that allows you to write and execute Python code in a browser-based environment. It’s among the popular Jupyter alternatives for data analysis, machine learning, and deep learning tasks.

It provides access to Graphics Processing Units (GPUs) and Tensor Processing Units (TPUs) for faster computation, which is especially useful for training deep-learning models. Additionally, Google Colab integrates with Google Drive, making importing datasets and exporting results easy. You can also collaborate with others by sharing your notebooks with them.

Google Colab comes with pre-installed libraries such as NumPy, pandas, matplotlib, and TensorFlow, so you can quickly get started with data analysis and machine learning tasks. It also supports Markdown, allowing you to design documents with embedded code, visualizations, and explanatory text.

Sharing your notebooks with other users is straightforward with Google Colab; you can generate a link or export the notebook as a .ipynb file.

Google Colab’s best features

Get free access to powerful hardware accelerators, speeding up complex computations
Import datasets and export results, facilitating collaboration
Experiment with code and visualize results in an interactive interface
Teach and learn machine learning and data science with an accessible platform

Google Colab limitations

The free version has limitations on the maximum execution time (12 hours), maximum notebook size (100 MB), and maximum memory (25 GB). If you need more resources, you may have to upgrade to a paid plan or use other platforms

Google Colab pricing

Pay As You Go: Starts at $11.79 for 100 compute units
Colab Pro: $11.79/month
Colab Pro+: $58.99/month
Colab Enterprise: Pay for what you use

Google Colab ratings and reviews

Kaggle is also on many lists of Jupyter alternatives

Kaggle is a platform to find and publish data sets, explore and build models in a web-based data science notebook environment, work with other data scientists and machine learning engineers, and enter competitions to solve data science challenges.

The platform provides data cleaning and exploration tools, a web-based coding interface, and a cloud-based execution environment.

Kaggle also offers educational resources, such as tutorials, courses, and webinars, to help you develop your data science and machine learning skills.

Kaggle best features

Dive into Kaggle’s vast collection of datasets, exploring a wide range of topics
Use the Kaggle Notebooks interface to create and share analyses and machine learning models, fostering collaboration
Allow access to application data via APIs and generate text based on a text prompt
Engage in Kaggle’s forums, asking questions, sharing ideas, and collaborating with other data scientists and machine learning practitioners

Kaggle limitations

Difficult for beginners as the competitions and datasets are generally geared toward more experienced data scientists
Some users may find it challenging to stand out or receive recognition for their work, especially in larger competitions where there are many participants

Kaggle pricing

Kaggle ratings and reviews.

G2: 4.7/5 (30+ reviews)

Apache Zeppelin is a powerful tool that enables you to explore, analyze, and visualize data using various programming languages such as SQL, Python, Scala, and R.

It counts among the popular Jupyter alternatives for data scientists, analysts, and engineers working with large datasets and performing complex analytics tasks.

With built-in visualization tools and integration with Apache Spark, Zeppelin allows you to create interactive notebooks, share your work, and collaborate with others on data-driven projects.

Whether you’re a beginner or an expert in predictive data analytics , Apache Zeppelin can help you turn raw data into valuable insights.

Zeppelin best features

Create stunning visualizations and perform complex data analysis
Enable multi-language support for efficient code debugging purposes
Use robust big data analytics capabilities
Conduct thorough data exploration with interactive notebooks
Tailor your analytics experience and scale effortlessly for large datasets and distributed computing

Zeppelin limitations

Limited support for data sources compared to other data analysis tools
For beginners, Apache Zeppelin’s interface and usage may have a steep learning curve

Zeppelin pricing

Zeppelin ratings and reviews.

G2: Not enough reviews
Capterra: Not enough reviews

Saturn-Cloud is one of the leading Jupyter alternatives

Saturn Cloud is a leading provider of cloud-based data science and machine learning platforms.

With a focus on accessibility and collaboration, Saturn Cloud enables data scientists and analysts to work smoothly across various machine-learning frameworks and tools. Their platform offers managed environments for popular frameworks such as TensorFlow and PyTorch, facilitating rapid model development and deployment.

Additionally, Saturn Cloud’s support for distributed computing allows you to scale your workloads efficiently.

With features like version control, data management, and deployment capabilities, Saturn Cloud empowers data teams to streamline their machine-learning workflows and bring their models to production faster.

Saturn Cloud’s best features

Easily configure and scale your machine learning frameworks
Collaborate with Jupyter Notebooks to work interactively and share insights with your team
Distribute computing and scale your workloads across multiple machines for faster processing
Track changes and collaborate effectively with version control features
Access, manipulate, and visualize data within the platform
Streamline process mapping for your machine-learning models

Saturn Cloud limitations

There might be constraints on the amount of computing resources, storage, or bandwidth that can be used
Certain features or integrations may only be available with specific subscription plans

Saturn Cloud pricing

Hosted: Free
Hosted Organizations: Custom pricing
Enterprise: Custom pricing

Saturn Cloud ratings and reviews

G2: 5/5 (250+ reviews)

Microsoft Azure Notebooks provides a cloud-based environment that allows you to create and run notebooks without installing any software on your local machine.

This open-source platform makes it easier for teams to collaborate on projects, as they can all access the same notebooks from any device with an internet connection.

In addition to providing a collaborative environment, Azure Notebooks makes managing and sharing notebooks easier. For example, you can create projects to organize your notebooks and use version control to track changes over time. You can also share your notebooks with others by generating a link that opens the notebook in their web browser.

Azure Notebooks is integrated with other Azure services, such as Azure Machine Learning, so you can easily deploy machine learning models created in your notebooks to the cloud. This makes developing and deploying machine learning solutions easier.

Microsoft Azure Notebooks’ best features

Create and share Notebooks to collaborate with colleagues and stakeholders on projects
Integrate with Azure services, deploy machine learning models, and scale your workloads as needed
Create interactive data visualizations, analyze your data, and learn from your findings using a variety of programming languages
Use markdown cells to format your notebooks for professional presentations and ensure data security and regulatory compliance using Azure’s robust features
Run notebooks locally or in the cloud, track changes, iterate on your work, and explore your data

Microsoft Azure Notebook limitations

The free tier has resource limitations, including limited CPU and memory resources
Limited customization options for notebooks, especially custom themes and extensions

Microsoft Azure Notebooks pricing

Microsoft azure notebooks ratings and reviews.

IBM Watson Studio, one of the more expensive Jupyter alternatives

The final tool in our list of Jupyter alternatives is IBM Watson Studio. This is a comprehensive data science and machine learning platform designed to help businesses build, train, and deploy AI models.

It provides tools for data preparation, model development, and deployment and collaboration features to facilitate teamwork among data scientists and business analysts.

Watson Studio supports popular programming languages such as Python and R, integrating with various data sources and cloud environments.

The platform also includes advanced capabilities such as AutoAI, which automates process documentation, and Watson Machine Learning, which enables easy deployment and management of models.

IBM Watson Studio best features

Use AutoAI to accelerate the process of creating and optimizing machine learning models
Connect and integrate data from various sources to ensure comprehensive and efficient data analysis
Simplify the deployment of machine learning models into production environments for real-world use

IBM Watson Studio limitations

Premium features and services may result in high operating costs

IBM Watson Studio pricing

On IBM Cloud Pak for Data: Custom pricing
On IBM Cloud Pak® for Data as a Service: Custom pricing

IBM Watson Studio ratings and reviews

G2: 4.2/5 (160+ reviews)

There’s a range of Jupyter alternatives to consider if you only want to create and share documents. But with ClickUp, you can do much more. The platform is not just about documents and data analysis. It’s a versatile tool that offers project management, documentation, collaboration, and automation features, making it a great all-in-one solution.

So, if you’re looking to try something new to manage your data science projects efficiently, give ClickUp a try and see the difference it can make to your workflow.

Questions? Comments? Visit our Help Center for support.

Receive the latest WriteClick Newsletter updates.

Thanks for subscribing to our blog!

Please enter a valid email

Free training & 24-hour support
Serious about security & privacy
99.99% uptime the last 12 months

IMAGES

Create Presentation from Jupyter Notebook
How to Create Presentation Slides from Jupyter Notebooks
Pandas: Jupyter notebook display two pandas tables side by side
The complete guide to Jupyter Notebooks for Data Science
Creating Table of Contents in Jupyter Notebook
Create Presentation from Jupyter Notebook

VIDEO

5 . How to use Jupyter Notebook
Jupyter Notebook Tips & Tricks-1
Jupyter Notebook Interaction
Introduction to Python and to Jupyter Notebooks
Tutorial install Jupyter Notebook
Jupyter Notebook / Python

COMMENTS

Creating Presentations with Jupyter Notebook
In this article, we will look at two methods of creating a slideshow out of your Jupyter Notebook. The first method is by using Jupyter Notebook's built-in slideshow capabilities. The second is by using a plug-in called RISE. Let's get started! Note: This article assumes that you already have Jupyter Notebook installed.
Create Presentation from Jupyter Notebook
Create Presentation. The notebook is saved in ipynb format. The next step is to convert it to a slideshow. We need to provide information on how to use cells in the presentation. Please click View ️ Cell Toolbar ️ Slideshow. Each cell will have a toolbar with the select widget.
How to Create Presentations Using RISE in Jupyter Notebook
While it makes sense to demonstrate code using a Jupyter Notebook, going over the theoretical background behind data science and programming concepts is not very practical without using visualizations. ... RISE is a Jupyter Notebook extension that allows you to easily create reveal.js-based presentations from Jupyter Notebook. RISE is a ...
Create interactive slides with Python in 8 Jupyter Notebook cells
Creating presentations in Jupyter Notebook is a great alternative to manually updating slides in other presentation creation software. If your data changes, you just re-execute the cell and slide chart is updated. Jupyter Notebook is using Reveal.js (opens in a new tab) for creating slides from cells. The standard approach is to write slides ...
5 Slides for Tips on Presentation Mode in Jupyter Notebook
This is an alternative to copy-and-pasting screen captures into other presentation software. The first step is to enable the Slideshow option in the View > Cell Toolbar options. Just click on the Slideshow option and continue reading. Enable Slideshow. Each cell in the Jupyter Notebook will now have a Slide Type option in the upper-right corner.
Create a slide deck using Jupyter Notebooks
Jupyter's "nbconvert" to convert the notebook to Markdown. Pandoc to convert the Markdown to LaTeX while interpolating the raw_attribute bits. Beamer to convert the Pandoc output to a PDF slide-deck. Beamer's beamerarticle mode. All combined with a little bit of duct-tape, in the form of a UNIX shell script, to produce slide-deck creation software.
Creating a Presentation with Jupyter Notebook and RISE
In this tutorial, you will learn how to use Jupyter Notebooks to create slide show presentations. This allows you to run and edit live code in your slides.Wa...
Using a Jupyter notebook to make presentation slides
The process I followed to create the slides is very simple. Open a blank Jupyter notebook. Add a cell and convert it to Markdown (either esc + m) or by using the drop down menu at the top of the notebook. Add your text, equation or image to the cell (images can be added via the edit menu, though some HTML tags may be needed to render and/or ...
Create Presentation Slides from Jupyter
Jamie Whitacre demonstrates how to create dynamic presentation slides from your Jupyter Notebook using RISE (Reveal js Jupyter/IPython Slideshow Extension).T...
Turn your Jupyter Notebook into interactive Presentation Slides using
Configure settings in Jupyter Notebook to transform cells into slides. Before proceeding with the conversion process to HTML as outlined above, you need to make some configurations in Jupyter Notebook using Anaconda.. This configuration allows you to selectively choose which cells to display, ensuring that only the relevant content appears in the HTML output, showcasing the most important code ...
Present Your Data Science Projects with Jupyter Notebook Slides!
Rename your notebook to index.ipynb because the nbconvert command creates a html file with the notebook name and we want to create the index.html file for our site to host on github pages.
How to create data-driven presentations with jupyter notebooks, reveal
We could use jupyter notebook itself to create a reveal.js set of slide decks, but exporting first to markdown provides you more control on some aspects of the elements o slide creation. You use the following code to convert a jupyter notebook to a markdown document: ~$ jupyter nbconvert -t markdown mynotebook.ipynb (1) # generates mynotebook ...
Creating Interactive Slideshows in Jupyter Notebooks
For doing this, follow the following steps given below: 1. Click on the "View" tab in the Jupyter Notebook. 2. A dropdown menu will appear. Hover and select over the "Cell Toolbar" option. 3. Another dropdown appears. Now, select the "Slideshow" option in the "Cell Toolbar" menu.
Presenting with Jupyter Notebooks :: Scott Jeen
The best way to walk through this tutorial is using the accompanying Jupyter Notebook: [Jupyter Notebook] - In the last year I've started presenting work using Jupyter Notebooks, rebelling against the Bill Gates'-driven status-quo. Here I'll explain how to do it. It's not difficult, but in my opinion makes presentations look slicker, whilst allowing you to run code live in a presentation ...
Creating Slides with Jupyter Notebook
Jupyter notebook is a powerful tool to interactively code in web-based notebooks with a whole plethora of programming languages. With it, it is also possible to create web-based slideshows with reveal.js. Preparation. The slides functionality is already included in Jupyter Notebook, so there is no need to install plugins.
Presenting Code Using Jupyter Notebook Slides
In order to open this notebook as a slideshow I need to run a command in Terminal: jupyter nbconvert Jupyter\ Slides.ipynb --to slides --post serve. 'Jupyter\ Slides.ipynb' was just the name ...
Creating Presentations With Jupyter Notebook
If you want to start the slideshow on a specific cell, just select that cell and then press the Enter Slideshow button. RISE also works with Notebook widgets. Try creating a new cell with the ...
Creating presentations from Jupyter notebooks
Creating presentations from Jupyter notebooks. January 12, 2022 . 2022 · python jupyter data visualization The Jupyter notebook, controversial though it may be, is a core data exploration and experimentation platform for many in the data and scientific communities. In particular, its combination of REPL-like input and embedded HTML output make ...
#10 How to Create Presentation Slides in Jupyter Notebook
You can also use your Jupyter Notebook to create presentation slides too. In this video i'll tell you step by step method that how can you easily create Pres...
Creating an Interactive Presentation with Jupyter Notebook and Plotly
All the libraries above are not required to make the slides work, you can just simply use Plotly, Seaborn, or even simply Matplotlib. You can check the full notebook on my GitHub repo here. Jupyter Notebook Slideshow View and Setting. In Jupyter Notebook, each cell can play a part in the presentation slides.
How to Use Jupyter Notebook: A Beginner's Tutorial
Browse to the folder in which you would like to create your first notebook, click the "New" drop-down button in the top-right and select "Python 3": Hey presto, here we are! Your first Jupyter Notebook will open in new tab — each notebook uses its own tab because you can open multiple notebooks simultaneously.
How you can ditch PowerPoint and build better slides with Jupyter and
To use reveal.js with Jupyter, you create a notebook and use nbconvert to get reveal.js slides as well. But the standard design is boring: Check out IPython Slides Viewer for some other "default" examples. My solution. I've worked on a project that lets you generate beautiful presentation slides. The entire code is on my GitHub repo.
Presenting Data Using Jupyter Notebook Slides (VS Code)
Start with a Jupyter Notebook: Open Jupyter Notebook in VS Code. In order to set your code blocks as slides, right-click the bottom of the code block and select "Switch Slide Type". Switch ...
How to use your GPU in Jupyter Notebook
If you're unfamiliar with it, Jupyter Notebook is a powerful IDE that lets you create scripts for data analysis, web scraping, machine learning, and tons of other use cases.
Guiding Llama 2 with prompt engineering by developing system and
The notebook contains examples of properly formatted prompts and helper functions to properly add system and instruction prompts to your code. Prerequisites. To follow this tutorial, you need: An IBM Cloud account and a watsonx.ai trial account. Basic knowledge of Python and Jupyter notebooks (if using the Python SDK). Steps. Step 1.
10 Jupyter Notebook Alternatives & Competitors in 2024
The 10 Best Jupyter Notebook Alternatives to Use in 2024. Let's now explore the best Jupyter alternatives for data science in 2024. 1. ClickUp. ClickUp is an all-in-one tool that offers a versatile and collaborative approach to managing projects and documents. Use ClickUp Docs for documenting and sharing important information with the team.
Real-Time Stock Price Dashboard with Jupyter Notebooks
In this tutorial, we'll guide you through the straightforward process of building a real-time stock price dashboard web app using Jupyter Notebook. Analyzing and visualizing stock data is crucial in the financial industry, and we'll make it easy for you to acquire these essential skills. Plus, you'll learn how to share your work with the world ...

Creating Presentations with Jupyter Notebook

Getting Started with RISE

Installing rise with conda

Installing rise with pip

Using RISE for a SlideShow

Wrapping Up

Related Reading

4 thoughts on “Creating Presentations with Jupyter Notebook”

Create Presentation from Jupyter Notebook

Create Jupyter Notebook

Create Presentation

RISE Extension

Parameterized Presentation

Publishing Presentation

Create interactive slides with Python in 8 Jupyter Notebook cells

Create presentation in notebook

1. Import packages and App setup

2. Add title

3. Add slide with Markdown

4. Add Mercury Widget

5. Display name

6. More widgets

7. Scatter plot

8. Final slide

Run presentation in Mercury

Create a slide deck using Jupyter Notebooks

Why transition from slides to Jupyter?

Using Jupyter Notebooks for presentations

Edit images with Jupyter and Python

JupyterLab teaches Python developers magic

Markdown beginner's cheat sheet

Related Content

Natalie B. Hogg

Using a Jupyter notebook to make presentation slides

Share this:

Leave a comment Cancel reply

Turn your Jupyter Notebook into interactive Presentation Slides using Anaconda

Convert ipynb file to HTML file

Configure settings in Jupyter Notebook to transform cells into slides

2. Select Slide Type for each cell

You may also be interested in…

How to host your website on GitHub Page

How to open .ipynb file (Jupyter Notebook)

Creating Interactive Slideshows in Jupyter Notebooks

Why Interactive SlideShow?

Customizing Slides in Jupyter Notebook

Exporting SlideShows in Jupyter Notebook

Creating Interactive Slideshows in Jupyter Notebook using RISE

Step 2: How to Create a SlideShow

Creating the slides with cells

Step 3: Viewing and Operating the SlideShows

Operating the slideshow

Running and Editing the code

Creating Interactive Slideshow using Jupyter’s built-in Slideshow Features

Creating Interactive Slideshow using Jupyter Widgets and IPYwidgets

Step 1: Install IPYwidgetsINSTALL ‘IPYWIDGETS’

Step 2: Import the Libraries

Step 3: Create Interactive Widgets

Step 4: Display the Widgets

Step 5: Run the SlideShow

Step 6: Start the Slideshow

Creating Interactive Slideshow using Voila and Voila-Reveal

Step 1: Install VOILA

Step 2: Create the Slides

Step 3: Run VOILA

Please Login to comment...

Improve your Coding Skills with Practice

What kind of Experience do you want to share?

Presenting with Jupyter Notebooks

Adding Presentation Toggles to Cells

Entering Presentation Mode

Twitter: @enjeeneer

home · about · projects

Creating Slides with Jupyter Notebook

Related Posts

Creating Presentations With Jupyter Notebook

Getting Started With RISE

Installing rise with conda

Installing rise with pip

Using RISE for a SlideShow