Opti - 3D ECG Visualization Education Tool

Portfolio project

Opti - Interactive 3D Cardiac Electrophysiology

The Vision

Innovative educational platform that bridges the gap between ECG patterns and their underlying 3D anatomical reality. The first system to provide real-time synchronization between ECG waveforms and 3D electrical conduction visualization in the human heart.

What Makes It Special

Real-time ECG-3D Sync: Electrical conduction animations synchronized with ECG generation

Medical Accuracy: Clinically accurate ECG simulation with pathophysiology-driven vector calculations

Interactive Learning: Scrub through cardiac cycles, adjust parameters, visualize electrical axis changes

12-Lead ECG Generation: Full-spectrum cardiac rhythm simulation including arrhythmias, blocks, and pathologies

Tech Stack Highlights

Frontend - Next.js + React Three Fiber + Tailwind + Framer Motion

// Real-time 3D electrical conduction animation 
const FULL_CONDUCTION_SEQUENCE = [ { structure: 'sa-node', startTime: 0, duration: 40, intensity: 1.0, phase: 'atrial' }, { structure: 'av-node', startTime: 100, duration: 60, intensity: 1.9, phase: 'av-delay' }, { structure: 'purkinje-fibers', startTime: 240, duration: 25, intensity: 2.9, phase: 'ventricular' } ];

Backend - Python FastAPI + Supabase

3D cardiac vector projection to 12-lead ECG

LEAD_VECTOR_DIRECTIONS = { "I": np.array([1.0, 0.0, 0.0]), # 0° - Purely leftward "V1": np.array([-0.144, -0.108, 0.983]), # Right septal, anterior "V6": np.array([0.912, 0.262, 0.317]), # Lateral, minimal anterior }

def project_cardiac_vector_to_12_leads(cardiac_vector_t): """Projects 3D cardiac vectors onto 12 standard ECG leads""" projected_ecg_waveforms = {} for lead, direction in LEAD_VECTOR_DIRECTIONS.items(): projected_ecg_waveforms[lead] = [np.dot](http://np.dot)(cardiac_vector_t, direction) return projected_ecg_waveforms

12 Lead ECG Simulator

Electrical Axis Learning Module

Key Features

Advanced ECG Simulation

Arrhythmias (AFib, VTach, PVCs, PACs)

AV blocks (1st, 2nd, 3rd degree)

Bundle branch blocks (RBBB, LBBB)

QT prolongation with Torsades risk

3D Heart Visualization

Anatomically accurate conduction system

Real-time electrical propagation

Dynamic electrical axis visualization

Interactive cardiac cycle control

Educational Framework

Guided learning modules

Interactive quizzes with confetti celebrations

Action potential to ECG correlation

Clinical significance explanations

Architecture Innovation

Dynamic Vector System: Transitioned from static cardiac vectors to pathophysiology-driven dynamic calculations, enabling realistic electrical axis changes for conditions like LVH, RVH, and fascicular blocks.

Code-Based Animation: All 3D animations are generated programmatically rather than pre-rendered, allowing for real-time parameter adjustment and API integration.

Medical Validation: ECG display follows clinical standards (25mm/s paper speed, 10mm/mV amplitude) with validated lead vectors from published electrophysiology references.

Technical Achievements

Performance: Maintains 60fps during complex electrical animations

Scalability: Supports multiple simultaneous pathologies and rhythm combinations

Accuracy: QT rate correction, bundle branch modeling, electrical axis calculations

UX: Responsive design with theme support, real-time parameter control

Reach out to learn more or check out the link, create an account and try it out yourself! :)

14 likes · 279 views · Jul 25, 2025

Master ECGs with Opti — a 3D learning platform that helps medical professionals and students visualize and understand cardiac rhythms better.