DL
intermediate
Convolutional Layers 3D
See convolution as it truly is — a 3D operation! Watch kernels slide across volumetric feature maps with height representing pixel intensity. Edge detection, sharpening, and blur filters come alive in Three.js.
algorithms.live
Simulation
Kernel
Edge Detection
The center weight (+8) amplifies the current pixel; the eight surrounding weights (-1) subtract each neighbour. Where intensity changes sharply across a boundary the sum is large, highlighting the edge. Where intensity is uniform, the subtractions cancel to near zero.
-1
-1
-1
-1
8
-1
-1
-1
-1
Parameters
1
Input Size:
8×8
Output Size:
6×6
Position:
(0, 0)
Legend
Input
Kernel Window
Output
Current Cell
Convolve a multi-channel input
Sequence
Order a convolution over an RGB image.
Tap a piece, then tap where it goes — or drag it. Tap the tray to take one back.
- 1Drop a step here
- 2Drop a step here
- 3Drop a step here
- 4Drop a step here
- 5Drop a step here
5 pieces left to place
Test your knowledge
20 questions
Question 1 of 20
Score: 0
In a CNN, a convolutional filter applied to a multi-channel input is itself a…
Learn these first
Interview Questions
NVIDIA
Google
Meta
YouTube
Netflix
TikTok
Apple
NVIDIA
Amazon
Google
Apple
Qualcomm
NVIDIA
Microsoft
Waymo
Love this visualization?
Sign up to track your progress, earn achievements, use the AI assistant, and access your personal learning dashboard.
100% free • No credit card required