๐Ÿ” CNN Filters & Kernels Visualizer

Watch a real 3ร—3 filter slide, multiply, and sum its way across an actual image.

๐Ÿ“‹ What Am I Looking At? (Read This First)
  1. The glowing 3ร—3 box is the Kernel (also called a Filter) โ€” a small grid of learned numbers, NOT part of the image.
  2. Wherever the Kernel sits, that 3ร—3 patch of the image underneath it is called its Receptive Field โ€” the only pixels it can currently "see."
  3. Convolution = multiply each pixel by the matching Kernel number, then add all 9 results โ€” that single sum is called the Dot Product.
  4. Every dot product becomes ONE pixel in the Feature Map on the right โ€” the network's summary of "how strongly this pattern appeared here."
  5. Press โ–ถ Convolve to watch it slide the whole way across, one Receptive Field at a time.
Receptive Field: row 0, col 0
Dot Product = โ€”
Pick a Kernel Type below, then press โ–ถ Convolve to begin.
Input Image (16ร—16 pixels) Feature Map (output, 14ร—14)
Pixel-Math Overlay Off
On
๐Ÿ” SCANNERPress โ–ถ Convolve โ€” I'll slide this Kernel across every possible position and build the Feature Map live.
๐Ÿง‘โ€๐Ÿซ PROF. TORCHA Kernel doesn't know what an "edge" is in advance โ€” its NUMBERS are just arranged so edges happen to produce a big dot product and flat regions produce zero.