5–120Cycle Duration (min)
0–100%Fog Concentration
0–200Pressure Range (kPa)
RT–134°CTemperature Range
Fog Concentration 0%
Flow Rate 0%
Temperature Target 0°C
Pressure Setting 0 kPa
Cycle Duration 60 min
System Status
STANDBY
Chamber Pressure
NORMAL
Chamber Temp
NOMINAL
Aerosol Flow
INACTIVE
Safety Interlocks
ENGAGED
System Overview
Interactive control interface for aerosol module distribution in medical device sterilizer chambers. The system provides real-time feedback on fog concentration, chamber pressure, and temperature, with live SVG visualization of system state and multi-parameter control sliders for precise tuning of sterilization parameters.
Key Features
- Real-time SVG Visualization — Live chamber state, pressure gauge animation, temperature indicator, and flow status monitoring with dynamic updates at 60 FPS.
- Multi-parameter Control — Five independent control sliders for fog concentration, flow rate, temperature setpoint, pressure regulation, and cycle duration with instant visual feedback.
- Status Monitoring — Color-coded status indicators for system health, pressure safety, temperature safety, flow activity, and interlock engagement with animated pulse indicators.
- Theme Support — Automatic light/dark theme detection with persistent localStorage preference, matching EV BMS portfolio aesthetic.
Control Parameters
// Fog Concentration: Controls aerosol density injection (0–100%)
// Flow Rate: Aerosol delivery speed through chamber (0–100%)
// Temperature: Chamber heating level for sterilization (0–134°C)
// Pressure: Chamber pressure regulation (0–200 kPa)
// Duration: Total sterilization cycle time (5–120 minutes)Safety & Interlock System
- Chamber pressure monitoring with high/low alerts preventing unsafe operation
- Temperature overshoot protection with automatic setpoint limiting
- Emergency stop button with immediate cycle termination
- Fog concentration limiting based on chamber conditions
- Status dot indicators with color coding: green (normal), amber (warning), red (error)
Technical Implementation
Built with vanilla HTML5/CSS3 and JavaScript. SVG graphics are rendered dynamically with requestAnimationFrame for smooth 60 FPS updates. All control inputs trigger immediate visualization updates using a modular update pattern. Responsive design maintains functionality across desktop, tablet, and mobile viewports using CSS Grid and Flexbox layouts.
← All Projects