Ahmad Nayfeh
Back to Projects

Edge Vision

Edge Vision
Edge Detection
Image Processing
Computer Vision
Educational Tools
Visualization

๐Ÿ”ฌ Edge Vision: Interactive Algorithm Comparison

Edge Vision is a Streamlit-based application for visually comparing classical edge detection algorithms like Sobel, Scharr, Laplacian, and Canny. With an intuitive interface and adjustable parameters, users can analyze how different methods influence edge detection results in real-time. It serves as both a learning tool and a benchmarking sandbox.


๐Ÿš€ Launch the Interactive App

๐ŸŽฏ Motivation

In traditional computer vision, edge detection is a foundational step for object recognition and feature extraction. Comparing different detectors usually requires coding from scratch. Edge Vision solves this by offering an interactive tool to visually explore the strengths and limitations of each algorithm side-by-side.

๐Ÿ› ๏ธ Technical Approach

  • Frontend: Streamlit web interface for easy use and deployment.
  • Algorithms: Implemented in OpenCV and wrapped in modular Python functions.
  • User Controls: Allows customization of kernel size, thresholds, and direction (dx/dy).
  • Display Engine: Renders edge results in a grid layout using Matplotlib.

โœจ Key Features

  • Interactive UI with full parameter control for each detector.
  • Direct visual comparison of all outputs (Original, Sobel, Scharr, Laplacian, Canny).
  • Custom compare_all() pipeline with clean fallback and error handling.
  • Educational notes explaining the pros and cons of each method.
  • Fully modular and extensible backend.

๐Ÿ“Š Results & Gallery

The application clearly demonstrates that Canny consistently produces cleaner, more accurate results when tuned properly. Scharr offers sharper edges than Sobel, while Laplacian is more noise-sensitive but useful for symmetric edge detection.

๐Ÿ’ก Reflection

This project sharpened my ability to bridge algorithmic vision concepts with user-centric interfaces. It also gave me practical experience with Streamlit app design, OpenCV filters, and scalable UI/UX structuring for educational tools. Future work could include adding noise robustness testing and integration of deep learning-based edge detectors.

Related Projects

AI-Powered MRI Brain Tumor Segmentation

AI-Powered MRI Brain Tumor Segmentation

An end-to-end deep learning solution for the automated segmentation of brain tumors from multi-modal MRI scans.

MRI
Deep Learning
Image Processing
+1 more
DIP-Lib: Interactive Digital Image Processing Toolkit

DIP-Lib: Interactive Digital Image Processing Toolkit

A modular Streamlit-based web app for exploring core image processing techniques โ€” complete with parameterized controls, visual comparisons, and dynamic pipelines.

Image Processing
Educational Tools
Denoising
+2 more
Digital Image Processing Projects

Digital Image Processing Projects

A modular suite of classic image processing mini-projects โ€” covering interpolation, compression, denoising, enhancement, and shading correction โ€” with clean visual benchmarks and Python implementations.

Image Processing
Educational Tools
Denoising
+2 more