DIP+CV · Interactive Simulator

EP03_08 Simulator: Sobel Gradient (Gx and Gy)

🧭 Simulator EP03_08: Sobel Gradient (Gx and Gy) |∇f| = √(Gx² + Gy²)

Analyze the horizontal (Gx) and vertical (Gy) decomposition of the Sobel operator and hover over the magnitude pixels to inspect the 3×3 neighborhood.

Sobel Kernels:
−1
0
+1
−2
0
+2
−1
0
+1
Gx
−1
−2
−1
0
0
0
+1
+2
+1
Gy
Original Image f 5×5 pixel matrix
Magnitude |∇f| √(Gx² + Gy²)
Gx — Horizontal Gradient Blue = Negative · White = Zero · Bright Blue = Positive
Gy — Vertical Gradient Amber = Negative · White = Zero · Bright Amber = Positive
Legend:
Inspected 3×3 Neighborhood
Central Pixel
Edge (Forced to 0)
Hover over an inner magnitude pixel to see the Gx and Gy decomposition.
Description: Figure 3.33: EP03_08 Simulator: Sobel Gradient (Gx and Gy)