Cardiac mechanics is an interplay between many different systems: electrical, mechanical, and hemodynamic. Everything should be timed optimally to allow for appropriate blood flow.
There are essentially 2 basic things to note and understand before reading this page:
Pressure Gradients: Blood movement will follow a pressure gradient, moving from high pressure to low pressure. For a heart valve to open, the chamber/structure before the valve must have a pressure greater than the chamber after the valve.
Pressure-Volume Relationship: Pressure is inversely proportional to volume. As a chamber (atria or ventricle) squeezes, the volume or space in that chamber decreases and the pressure increases.
As you are reading, try to correlate the ECG waveform (i.e. p wave, QRS, etc.) that occurs with each cardiac mechanic
Wigger's diagram is a popular diagram that:
Captures the activity of the left side of the heart, which is essentially mirrored on the right side (although technically there is a minor physiological delay between two sides)
Combines pressure, volume, electrical activation, valvular activity, and auscultatory sound all on one diagram
Since it takes a brief moment for cardiac cells to contract in response to electrical signals, the ECG waveforms slightly precede the corresponding cardiac muscular activity (depicted in the diagram below).
The Purkinje fibres allow the depolarization of the heart to follow a predictable pattern in these steps:
To see the blood flow in action
See this computational model of blood flow https://research.unsw.edu.au/projects/modelling-cardiac-electrical-and-mechanical-function