jupyterlab doesn't display png image - python

jupyterlab fails to display png image:
![title](image/filename.png)
results in showing only displaying the title.
I have the following installation
JupyterLab v0.35.4
Known labextensions:
app dir: /anaconda3/envs/learnco_projects/share/jupyter/lab
#jupyter-widgets/jupyterlab-manager v0.38.1 enabled OK
#jupyterlab/toc v0.6.0 enabled OK
#mflevine/jupyterlab_html v0.1.4 enabled OK
#ryantam626/jupyterlab_code_formatter v0.1.9 enabled OK
jupyterlab-flake8 v0.2.4 enabled OK
Thank for the help


One easy way to display image on a Jupyter notebook is using HTML chunk of code in a Markdown cell, here is an example:
<img src='./image/filename.png'>Image description</img>
Once you run the cell, the image and its description text should appear in place of the HTML code.
EDIT
This works with jupyter lab and classic jupyter notebook.


Here is a solution:
1- Have the notebook open in JupyterLab.
2- Right-click on the tab of the notebook and select New View for Notebook
The new view of the notebook should load with all figures successfully loaded.

Related

How to make Cell input part (code) disappear -show only output- when creating slides using Jupyter notebook and nbconvert?

I am trying to create slides for a data analysis task using jupyter notebook and nbconvert Python module.
I want to show the output of a cell which is the visualization part, and I want to get rid of the code part.
It is created but with the code part in the slide.
I tried a solution from Udacity Data Analysis Nano degree which suggests installing a pre-written template and then running the command:
jupyter nbconvert Example_Project_Diamonds_Part2.ipynb --to slides --post serve --template output_toggle
The template
but I get the error that 'slides_reveal.tpl' template does not exist, and when I try to download it from the internet I keep getting the same error but for different template names (It's like a vortex).

Open the Jupyter notebook Home page.
Choose New (on the top right) then Terminal.
Go to the directory of your .ipynb file.
Type the following command in the prompt:
jupyter nbconvert --to slides <filename>.ipynb --TemplateExporter.exclude_input=True
or you can just type in the jupyter notebook itself:
!jupyter nbconvert --to slides <filename>.ipynb --TemplateExporter.exclude_input=True

How I can change the mimetype to render in VSCode Jupyter Notebook

How I can change the mimetype to render in VSCode Jupyter Notebook like jupyter notebook or colab?
in VSCode Jupyter Notebook show only output like this picture
enter image description here
but in jupyter notebook/colab show like this
enter image description here
I want to change like jupyter notebook/colab. please help me

For now, the jupyter notebook in VSCode only can accept the inputs in the input box.
So you can switch to python file and execute it in the terminal(right-click -> Run Python File in Terminal).

Download Jupyter Notebook as .html File with Image Importing Code Excluded (Not Shown)

I have the following output on my local Jupyter Notebook:
I want to "Download As" this Jupyter Notebook as a .html file. But when I open the html file I only want to see the image and not the block of code in In [6]. How do I do this?

You can use the markdown in Jupyter Notebook to render your image file.
You can change your shell from code to markdown and run this to get image.
![Test](test.png)
If image file is in another folder, you can do the following:
![<caption>](folder/image_filename.png)

Use the Julyter's Insert Image functionality and it'll work.
Markdown a cell.
Edit > Insert Image

Unable to display image file in Jupyter markdown cell

This code in a Markdown cell:
<img src="images/grad_summary.png" style="width:600px;height:300px;">
works fine in Jupyter browser, but in VS Code with Python extension it does not render at all, only a blank image box is shown. Both are running in the same conda environment.
This alternate method in a Markdown cell:
![title](images/grad_summary.png)
also works fine in Jupyter browser but does not render in VS Code with Python ext.
I searched stack overflow, there was something close but it did not address this issue. Any insights appreciated.

Doing what gnodab said worked for me! Install the "Markdown all in one" extension.

Jupyter reveal based slideshow

I want to create a presentation such this starting from a simple Jupyter notebook.
What I have looks like:
Given that, I'd expect to get a slideshow with two slides corresponding to the two cells.
Then from the command line I execute:
jupyter nbconvert --to slides mynotebook.ipynb --post serve
What I get is a static html page that seems to group both of my cells together.
How do I get the type of one slide per cell effect of the linked presentation?

You may need to include a reference to the reveal.js package in your nbconvert command:
jupyter nbconvert --to slides --reveal-prefix="http://cdn.jsdelivr.net/reveal.js/2.5.0 mynotebook.ipynb --post serve
Or, for instructions on using a local version of reveal.js, see this blog post by Damian Avila

Have you tried opening the generated HTML with your browser?
I had the same issue on a fresh install of Lubuntu in a VirtualBox. It worked fine (using the --post serve flag) on my host system (OSX) but not in the VB. I didn't find much on the internets, so I just tried loading the XXXX.slides.html file with my browser and that appears to have solved it.
Summary:
$ jupyter nbconvert --to slides --reveal-prefix ../reveal.js XXXX.ipynb # using "--post serve" fails
$ firefox XXXX.slides.html
Hope this helps!

Categories