Computer Vision • JavaScript • GitHub Pages

Webcam Traffic Counter Dashboard

A browser-based prototype that detects and counts vehicles from video footage, displaying live counts and visual tracking overlays for traffic analysis and operational decision-making.

Project Overview

This project explores how browser-based video analysis can be used to detect and count vehicles from recorded traffic footage. The goal is to create a lightweight dashboard that can support traffic monitoring, facility planning, and space usage analysis.

Business Problem

Traffic and space usage decisions often require manual observation. This prototype shows how video data can be transformed into measurable counts for analysis and reporting.

Technical Approach

The application uses a video source, object detection, a counting line, and live dashboard counters to identify when vehicles cross a defined area.

Portfolio Value

This project demonstrates front-end development, JavaScript logic, browser-based analytics, computer vision concepts, and dashboard presentation.

Video Feed

The video below is used as the source for vehicle detection and counting. Detected objects are displayed using visual overlays.

Methodology

01

Input

A recorded traffic video is loaded directly in the browser.

02

Detection

A browser-based object detection model identifies vehicles in the video frame.

03

Counting Logic

Vehicles are counted when they cross a defined line in the selected direction.

04

Dashboard

The live count is displayed in a simple dashboard for quick interpretation.