Cardiacity

• 

  Demo

CARDIACITY: Interactive Learning Platform for Cardiac Signals

CARDIACITY is a web-based educational tool designed to make electrocardiography intuitive, interactive, and visually rich. Instead of relying solely on static textbook diagrams, the platform renders real-time ECG waveforms and animates the electrical propagation through the heart, allowing learners to connect surface-level readings with underlying physiological events.

Built with Next.js, the tool delivers fast, modular lesson content while supporting hybrid rendering and server-side performance optimizations. The electrophysiology visualizations are powered by Three.js, enabling 3D heart models, conduction pathways, and waveform transformations that respond dynamically to user input. The interface leverages shadcn/ui for consistent, accessible components and Tailwind CSS for utility-first styling, allowing rapid iteration and polished, modern layouts.

Educational applications include anatomy and physiology coursework, cardiology training, biomedical engineering labs, and signal processing instruction. Users can adjust parameters such as heart rate, conduction velocity, lead configuration, filtering, and noise injection to observe how each factor reshapes P-QRS-T morphology. Clinical overlays highlight intervals, axis shifts, arrhythmias, and conduction blocks, making the tool useful for both foundational learning and advanced interpretation practice.

Potential extensions include live ECG streaming via WebUSB or BLE, machine learning-driven rhythm analysis, VR-based electrophysiology exploration, and support for multi-lead diagnostic output.

The project is open-source and intended for education and research, not clinical decision-making. It serves as a bridge between theoretical cardiology, real-world diagnostics, and modern web technology, turning ECG interpretation into an interactive exploration rather than memorization.

Built With

• css
• html