1. Comprehensive Technical Overview
Multimodal biomedical signal processing represents a cornerstone in modern computational medicine, neurotechnology, and physiological monitoring. By simultaneously recording multiple physiological streams—such as Electroencephalography ($EEG$), Electrocardiography ($ECG$), Photoplethysmography ($PPG$), and functional Near-Infrared Spectroscopy ($fNIRS$)—researchers obtain a holistic view of human physiology. Each sensor modality captures unique physical phenomena operating across vastly different spatial and temporal resolution scales.
Electroencephalography ($EEG$) directly records macro-level neuronal electrical activity across the cerebral cortex via surface electrodes. It offers microsecond-level temporal precision ($\sim 1\text{ ms}$) but suffers from limited spatial resolution due to skull volume conduction effects. Conversely, functional Near-Infrared Spectroscopy ($fNIRS$) measures cortical hemodynamic responses by projecting near-infrared light ($660\text{ nm} - 940\text{ nm}$) into skull tissue to measure optical attenuation caused by changes in oxygenated hemoglobin ($\Delta [HbO]$) and deoxygenated hemoglobin ($\Delta [HbR]$). While $fNIRS$ temporal dynamics are constrained by the slow hemodynamic response function ($HRF$, taking $4-6\text{ seconds}$ to peak), its localized spatial mapping complements $EEG$'s high speed.
In the cardiovascular domain, $ECG$ provides high-rate electrical measurement of cardiac depolarization and repolarization vectors (e.g., the $P-QRS-T$ complex), serving as the benchmark for arrhythmia diagnosis and heart rate variability ($HRV$) estimation. $PPG$, an optical technique deployed extensively in non-invasive pulse oximeters and consumer wearables, detects peripheral microvascular blood volume fluctuations with every cardiac pulse wave. Combining peripheral optical signals ($PPG$), central cardiac electrical timing ($ECG$), central neuro-electrical dynamics ($EEG$), and cerebral hemodynamics ($fNIRS$) unlocks powerful capabilities for cognitive workload estimation, autonomic nervous system stress assessment, and continuous health state monitoring.
The equations governing these physiological interactions are grounded in fundamental physics. Optical density variations in $fNIRS$ and $PPG$ are defined by the Modified Beer-Lambert Law:
$$\Delta A(\lambda) = \epsilon_{HbO}(\lambda) \cdot \Delta [HbO] \cdot B(\lambda) \cdot L + \epsilon_{HbR}(\lambda) \cdot \Delta [HbR] \cdot B(\lambda) \cdot L + \Delta A_{m}$$
where $\Delta A(\lambda)$ represents optical attenuation at wavelength $\lambda$, $\epsilon$ is the molar extinction coefficient, $B(\lambda)$ is the differential pathlength factor ($DPF$), $L$ is the physical optode distance, and $\Delta A_{m}$ accounts for tissue scattering and motion artifacts.
3. Technical & Engineering Details
The web visualizer framework is built with lightweight vanilla JavaScript and HTML5 Canvas API elements to maintain maximum rendering frame rates ($60\text{ FPS}$) without incurring unnecessary client-side dependencies. Canvas back-buffers automatically dynamically resize according to the display's hardware pixel density ratio ($DPR = \text{window.devicePixelRatio}$) to prevent blurriness on high-DPI or Retina displays.
Simulated waveforms are computed dynamically using mathematical function approximations:
- Synthetic ECG Generation: Generated using a modified McSharry dynamical model differential equation setup, computing $P$, $Q$, $R$, $S$, and $T$ wave peaks as Gaussian functions along a limit cycle phase trajectory $\theta$:
$$z(\theta) = \sum_{i \in \{P,Q,R,S,T\}} a_i \exp\left( -\frac{(\theta - \theta_i)^2}{2 b_i^2} \right)$$
- Synthetic PPG Generation: Synthesized by combining fundamental cardiac sine harmonics with a secondary reflected wave peak to represent the dicrotic notch:
$$y_{PPG}(t) = \sin(2\pi f t) + 0.35 \cdot \sin(4\pi f t + \phi) \cdot e^{-0.2 t}$$
- Synthetic EEG & fNIRS Generation: EEG signal trajectories are constructed by combining stochastic pink noise ($1/f$) with alpha ($\sim 10\text{ Hz}$) and beta ($\sim 20\text{ Hz}$) oscillations. fNIRS hemodynamic curves represent canonical double-gamma Hemodynamic Response Functions ($HRF$).
To maintain strict Cumulative Layout Shift ($CLS$) defenses and comply with automated audit scripts, all parent advertisement containers enforce explicit inline structural constraints (`min-height: 250px;`). High-DPI canvas recalculations avoid direct inline CSS width/height assignments to decouple layout dimensions from internal rendering buffer allocations.