Computer Vision Interactive Visualizations

Based on cv_course by Christian Rupprecht, HT 2025

🎯 Feel free to explore any chapter in any order β€” the visualizations are self-contained and interactive, no course material needed. Drag sliders, tweak parameters, and see what happens. Building visual intuition is half the battle in understanding computer vision.

πŸ“š Want to go deeper? Check out the full lecture notebooks by Christian Rupprecht.

00
2D FFT Paint Lab

A standalone interactive tool for exploring 2D Fourier transforms. Paint or place shapes on a canvas and watch the frequency spectrum update in real-time. Mask individual frequencies, see the reconstruction, and hover to preview basis functions β€” the most hands-on way to build Fourier intuition.

Interactive Tool Live FFT External β†—
02
Image Enhancement

RGB channel separation, grayscale conversion, 3D heightmap, subsampling & aliasing, point-wise transforms (negative, contrast, gamma), geometric transforms (translation, rotation, scaling, shear), and spatial filtering (average, Gaussian, median, bilateral).

Interactive Sliders Animations Image Filtering
03
Fourier Transform

1D DFT with stem plots, DFT matrix visualization, 2D Fourier basis functions, FFT on real images (magnitude & phase), animated FFT of geometric shapes, and frequency-domain filtering (low-pass, high-pass).

Interactive Sliders FFT Implementation Animations
04
Image Restoration

Image degradation models (blur, motion blur, noise, downsampling), inverse filtering, Wiener filter deblurring, and interactive motion blur deconvolution with adjustable parameters.

Interactive Sliders Wiener Filter FFT-based
05
Matching & Indexing

Interest point detection, feature matching visualization, Bag of Visual Words with histograms, homography warping, and Laplacian of Gaussian (LoG) at multiple scales.

Interactive Sliders Corner Detection LoG Scale Space
06
Classification

k-NN classification on 2D features, accuracy vs. k plot, and interactive softmax temperature visualization showing how temperature affects the output distribution.

Interactive Sliders Softmax k-NN
09
CNN Visualisation

Convolutional filter visualization (first & second layer weights), PCA & t-SNE embeddings of activations, occlusion sensitivity mapping, gradient saliency maps, and input maximization.

Interactive PCA / t-SNE Saliency Maps
10
Object Detection

HOG feature visualization (gradients & orientations), person detection, selective search proposals, classified proposals, Non-Maximum Suppression (NMS), and interactive IoU computation.

Interactive / Draggable HOG NMS
16
Generative Models

2D flow matching visualization with particle trajectories, velocity vector fields, ODE solving (dx/dt = -x), Euler's method comparison with varying step sizes, and animated sample generation.

Interactive Sliders Animations Flow Matching