2 interactive visualizers

OpenCV

Apply browser-based image filtering, edge detection, contour tracing, and shape analysis.

Interactive

Image Filters & Edge Detection

Apply grayscale, smoothing, gradient, and Canny edge detection operations to images or live webcam frames with OpenCV.js.

Open visualizer
Interactive

Contour & Shape Detection

Detect contours, classify basic shapes, and inspect OpenCV measurements such as area, perimeter, centroid, circularity, and bounding boxes in your browser.

Open visualizer