Mastering Image Display with Matplotlib

Introduction

This tutorial will guide you through the process of displaying images using Matplotlib's imshow function. You will learn how to use different interpolation methods to display images with Matplotlib.

VM Tips

After the VM startup is done, click the top left corner to switch to the Notebook tab to access Jupyter Notebook for practice.

Sometimes, you may need to wait a few seconds for Jupyter Notebook to finish loading. The validation of operations cannot be automated because of limitations in Jupyter Notebook.

If you face issues during learning, feel free to ask Labby. Provide feedback after the session, and we will promptly resolve the problem for you.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL matplotlib(("`Matplotlib`")) -.-> matplotlib/BasicConceptsGroup(["`Basic Concepts`"]) matplotlib(("`Matplotlib`")) -.-> matplotlib/PlottingDataGroup(["`Plotting Data`"]) python(("`Python`")) -.-> python/BasicConceptsGroup(["`Basic Concepts`"]) python(("`Python`")) -.-> python/ControlFlowGroup(["`Control Flow`"]) python(("`Python`")) -.-> python/DataStructuresGroup(["`Data Structures`"]) python(("`Python`")) -.-> python/ModulesandPackagesGroup(["`Modules and Packages`"]) python(("`Python`")) -.-> python/PythonStandardLibraryGroup(["`Python Standard Library`"]) python(("`Python`")) -.-> python/DataScienceandMachineLearningGroup(["`Data Science and Machine Learning`"]) python(("`Python`")) -.-> python/FunctionsGroup(["`Functions`"]) matplotlib/BasicConceptsGroup -.-> matplotlib/importing_matplotlib("`Importing Matplotlib`") matplotlib/BasicConceptsGroup -.-> matplotlib/figures_axes("`Understanding Figures and Axes`") matplotlib/PlottingDataGroup -.-> matplotlib/heatmaps("`Heatmaps`") python/BasicConceptsGroup -.-> python/variables_data_types("`Variables and Data Types`") python/BasicConceptsGroup -.-> python/strings("`Strings`") python/BasicConceptsGroup -.-> python/type_conversion("`Type Conversion`") python/ControlFlowGroup -.-> python/for_loops("`For Loops`") python/DataStructuresGroup -.-> python/lists("`Lists`") python/DataStructuresGroup -.-> python/tuples("`Tuples`") python/DataStructuresGroup -.-> python/dictionaries("`Dictionaries`") python/ModulesandPackagesGroup -.-> python/importing_modules("`Importing Modules`") python/ModulesandPackagesGroup -.-> python/standard_libraries("`Common Standard Libraries`") python/PythonStandardLibraryGroup -.-> python/math_random("`Math and Random`") python/DataScienceandMachineLearningGroup -.-> python/numerical_computing("`Numerical Computing`") python/DataScienceandMachineLearningGroup -.-> python/data_visualization("`Data Visualization`") python/FunctionsGroup -.-> python/build_in_functions("`Build-in Functions`") subgraph Lab Skills matplotlib/importing_matplotlib -.-> lab-48789{{"`Display Images with Matplotlib`"}} matplotlib/figures_axes -.-> lab-48789{{"`Display Images with Matplotlib`"}} matplotlib/heatmaps -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/variables_data_types -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/strings -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/type_conversion -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/for_loops -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/lists -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/tuples -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/dictionaries -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/importing_modules -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/standard_libraries -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/math_random -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/numerical_computing -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/data_visualization -.-> lab-48789{{"`Display Images with Matplotlib`"}} python/build_in_functions -.-> lab-48789{{"`Display Images with Matplotlib`"}} end

Import Required Libraries

The first step is to import the required libraries. In this tutorial, we will be using Matplotlib and NumPy libraries.

import matplotlib.pyplot as plt
import numpy as np

Create Random Grid

The next step is to create a random grid of 4x4 using NumPy library.

np.random.seed(19680801)
grid = np.random.rand(4, 4)

Define Interpolation Methods

Define the list of interpolation methods which we want to use to display images.

methods = [None, 'none', 'nearest', 'bilinear', 'bicubic', 'spline16',
           'spline36', 'hanning', 'hamming', 'hermite', 'kaiser', 'quadric',
           'catrom', 'gaussian', 'bessel', 'mitchell', 'sinc', 'lanczos']

Create Subplots

Create subplots to display the images using interpolation methods.

fig, axs = plt.subplots(nrows=3, ncols=6, figsize=(9, 6),
                        subplot_kw={'xticks': [], 'yticks': []})

Display Images

Display the images using the imshow function and different interpolation methods.

for ax, interp_method in zip(axs.flat, methods):
    ax.imshow(grid, interpolation=interp_method, cmap='viridis')
    ax.set_title(str(interp_method))

Show the Plot

Show the plot using the show function of Matplotlib.

plt.tight_layout()
plt.show()

Summary

In this tutorial, you learned how to use Matplotlib's imshow function to display images with different interpolation methods. You also learned how to create subplots and display images on them using Matplotlib.

Display Images with Matplotlib