.. meta::
:description: Embed Jupyter notebooks hosted on Jovian to blog and websites.
If you're a blogger who takes screen snips from your Jupyter Notebooks to attach to your blog or want to showcase your wonderful notebooks on a website and wondering how to embed one. We have heard your worries and are here with this feature, any notebook on Jovian.ml is embeddable.
We got you covered if you want to embed any of the following.
- Markdown cell
- Code cell with output
- Code cell without output
- Just the output cell
- or Whole Notebook
Before seeing how to to embed, have a preview of the embed right here.Below we have embedded a Jupyter notebook in our docs page, using iframe. You can interact with the notebook like copy the source code of a cell, copy a image output, scroll each cells etc.
<iframe src="https://jovian.ml/embed?url=https://jovian.ml/PrajwalPrashanth/whatsapp-chat-data-analysis/v/9&cellId=49" title="Jovian Viewer" height="430" width="800" frameborder="0" scrolling="auto"></iframe>Commit a notebook or visit a uploaded notebook on Jovian.ml
This is ideal if you need embed the whole notebook
OR
This is ideal when you need to embed a specific cell
Go ahead if u need more customization like only output cell
and preview the embed below.
Medium and Reddit support oEmbed so if you're writing a blog and want to add snippets with or without output charts or helping someone on reddit thread you can use this.
Just copy and paste the embed link, here is a example. Click on the image to visit the medium blog where snippets are added.
If you're building a profile website to showcase your projects or academic institution/community/meetup website making a resources page this is right for you.
Just copy and paste the iframe code in the website's code, here is a example. Click on the image to visit the a example Github Page where the whole notebook is embedded.