An engine is not a thing that burns fuel. It is a thing that takes a working fluid — air, steam, helium — around a loop of processes and returns it to exactly the state it started in, over and over. That closing is not a detail; it is the entire constraint. Because the fluid comes back to where it began, its internal energy is unchanged over a full loop, and the first law collapses to something remarkably simple: the net work out equals the net heat in minus the net heat rejected.
That is why the loop on a P–v diagram matters so much. The work done in any process is the area under its path, so going around a closed loop leaves you with the area enclosed by it. A fat loop is a powerful engine and a thin one is a feeble engine, and you can see which you have at a glance without computing anything. Run the compression-ratio slider above and watch the loop stretch.
The T–s diagram does the same job for heat. Area under a path there is heat transferred, so the enclosed area is the net heat — which, by the first law, is the same number as the net work. Two completely different pictures of the same cycle, and they have to agree. That they do is one of the more satisfying facts in the subject, and switching between the two views above is the fastest way to feel it.