Engineering Fundamentals

Demo

Engineering Fundamentals

Home
Test
Test
- Module 0.1 - Test
  Module 0.1 - Test
  - Overview
  - Theory
  - Quiz
  - Demo
  - Plotting Demo
  - Python Shell
Signals and Systems
Signals and Systems
- Module 1.1 - Intro to Signals and Systems
  Module 1.1 - Intro to Signals and Systems
  - Overview
  - Chapter 1 - What is a Signal?
    Chapter 1 - What is a Signal?
    
    Introduction
    
    Types of Signals
    
    Quiz
  - Chapter 2 - Signal Properties
    Chapter 2 - Signal Properties
    
    Introduction
    
    Periodicity: Definition
    
    Periodicity: WE1
    
    Periodicity: WE2
    
    Periodicity: Quiz
    
    Symmetry: Definition
    
    Symmetry: WE1
    
    Symmetry: WE2
    
    Symmetry: WE3
    
    Symmetry: Quiz
  - Chapter 3 - Energy and Power
  - Chapter 4 - What is a System?
- Module 1.2 - LTI Systems
  Module 1.2 - LTI Systems
  - Overview
- Module 1.2 - Frequency Domain Analysis
  Module 1.2 - Frequency Domain Analysis
  - Overview
- Module 1.4 - Non-linear Systems
  Module 1.4 - Non-linear Systems
  - Overview
- Module 1.5 - Intro to State-Space
  Module 1.5 - Intro to State-Space
  - Overview
Control
Control
- Module 2.1 - Intro to Control
  Module 2.1 - Intro to Control
  - Overview
- Module 2.2 - Open Loop Systems
  Module 2.2 - Open Loop Systems
  - Overview
- Module 2.3 - Closed Loop Systems
  Module 2.3 - Closed Loop Systems
  - Overview
- Module 2.4 - PID Control
  Module 2.4 - PID Control
  - Overview
- Module 2.5 - State Space Control
  Module 2.5 - State Space Control
  - Overview
Robotics
Robotics
- Module 3.1 - Intro to Robotics
  Module 3.1 - Intro to Robotics
  - Overview
- Module 3.2 - Rotations and Transformations
  Module 3.2 - Rotations and Transformations
  - Overview
- Module 3.3 - Configuration Space
  Module 3.3 - Configuration Space
  - Overview

Module 1: Demo¶

This page will eventually host an interactive OpenCV demo.

For now, it's just a stub page.

Module 1: Edge Detection Demo¶

In this demo, you can explore how the Canny edge detector responds to different threshold values.

Use the sliders to adjust the thresholds and see the effect in real time.

Threshold 1 50 Threshold 2 150

How this works under the hood

The browser sends the chosen thresholds to a small Python/OpenCV backend (via FastAPI). The backend runs Canny edge detection on a fixed image and returns the result as a PNG, which is then displayed here.