Displaying images (cv2.imshow, matplotlib) in Computer Vision - Model Pipeline Trace

Model Pipeline - Displaying images (cv2.imshow, matplotlib)

This pipeline shows how an image is loaded, processed, and displayed using two common tools: OpenCV's cv2.imshow and Matplotlib's imshow. It helps visualize images during computer vision tasks.

Data Flow - 4 Stages

1Load Image

N/A→Read image file from disk using cv2.imread→Height x Width x 3 (color channels)

Image loaded as 480 x 640 x 3 array representing a color photo

↓

2Convert Color Space

480 x 640 x 3→Convert BGR (OpenCV default) to RGB for Matplotlib display→480 x 640 x 3

Image colors corrected for accurate display in Matplotlib

↓

3Display Image with cv2.imshow

480 x 640 x 3→Show image in a window using OpenCV's imshow→Window displaying image

Window pops up showing the original image

↓

4Display Image with matplotlib.pyplot.imshow

480 x 640 x 3→Show image inline or in a plot window using Matplotlib→Plot window or inline plot showing image

Image displayed with correct colors in a Matplotlib figure

Training Trace - Epoch by Epoch

N/A

Epoch	Loss ↓	Accuracy ↑	Observation
1	N/A	N/A	No training involved; this is an image display pipeline

Prediction Trace - 4 Layers

Layer 1: Load Image

Layer 2: Convert BGR to RGB

Layer 3: Display with cv2.imshow

Layer 4: Display with matplotlib.pyplot.imshow

Model Quiz - 3 Questions

Why do we convert the image from BGR to RGB before using Matplotlib?

A Because OpenCV cannot display images

B Because BGR images are grayscale

C Because Matplotlib expects colors in RGB order

D Because RGB images have fewer channels

Key Insight

Displaying images correctly requires understanding how different libraries handle color channels and windows. OpenCV uses BGR color order and shows images in separate windows, while Matplotlib expects RGB and can display images inline. Converting color spaces ensures images look right to humans.