Show Sidebar Hide Sidebar

Imshow in Python

How to display image data in Python with Plotly.

This tutorial shows how to display and explore image data. If you would like instead a logo or static image, use go.layout.Image as explained here.

Displaying RBG image data with px.imshow

px.imshow displays multichannel (RGB) or single-channel ("grayscale") image data.

In [1]:
import as px
import numpy as np
img_rgb = np.array([[[255, 0, 0], [0, 255, 0], [0, 0, 255]],
                    [[0, 255, 0], [0, 0, 255], [255, 0, 0]]
                   ], dtype=np.uint8)
fig = px.imshow(img_rgb)

Read image arrays from image files

In order to create a numerical array to be passed to px.imshow, you can use a third-party library like PIL, scikit-image or opencv. We show below how to open an image from a file with, and alternatively how to load a demo image from

In [2]:
import as px
from skimage import io
img = io.imread('')
fig = px.imshow(img)
In [3]:
import as px
from skimage import data
img = data.astronaut()
fig = px.imshow(img)