Skip to content
Nutrition Medium #fasted-cardio#fat-oxidation#muscle-protein

Fasted Cardio vs Fed Cardio

Fasted state raises acute fat oxidation by 30-60% during exercise. 24-hour fat oxidation equalises. Fed state reduces muscle protein breakdown.

A free, animated fasted cardio vs fed cardio you can read here or embed on any website, from Scrollchart.

Fasted Cardio vs Fed Cardio

Fasted Cardio vs Fed CardioRelative units. Fasted increases acute fat burn but 24h outcome equalises. Fed protects muscle.02550751007848During session fatoxidation (g/min)Fasted burns more fatduring session itself687024-hour fatoxidation (g/day)7238Muscle proteinbreakdown indexFasted has higher MPB;feeding attenuates6855Post-exerciseenergy intakeFasted leads tomore eating after

Grouped bar chart comparing fasted vs fed across 4 metrics: during-session fat oxidation, 24h fat oxidation, muscle protein breakdown, and post-exercise hunger. 24h fat oxidation bars are nearly equal.

Good for

  • Articles in the nutrition category
  • Editorial pages where a quick visual replaces a wall of text
  • Content-marketing posts that need a clean, branded illustration

Source & accuracy

This fasted cardio vs fed cardio is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Higher fat burning during the session, similar over the day

Exercising fasted, for example before breakfast, tends to raise the share of fat used as fuel during that session, with studies often reporting acute increases in fat oxidation. This happens because low insulin and depleted overnight glycogen tilt the body toward drawing on fat stores during the workout.

The important caveat is that the body compensates afterward. When fat oxidation is measured across the full 24 hours rather than just the workout, the difference between fasted and fed exercise tends to even out. In other words, burning more fat during the session does not reliably translate into more total fat loss, which depends mainly on overall energy balance.

Tradeoffs that may favour eating first

Eating before training can support higher-intensity or longer efforts and may reduce muscle protein breakdown during exercise. Some people also feel lightheaded or underperform when training fasted. The best choice is largely individual and depends on the workout type, timing, and personal comfort.

This is general educational information about exercise metabolism, not medical or training advice. People with diabetes or other conditions should consult a qualified professional before exercising fasted.

Embed this diagram

Add this animated fasted cardio vs fed cardio to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated fasted cardio vs fed cardio for any website.
Who uses it
Fitness blogs, Weight-loss sites, Nutrition blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="fasted-cardio-vs-fed" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Fasted Cardio vs Fed Cardio" for my website?
Scrollchart provides "Fasted Cardio vs Fed Cardio" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a fasted cardio vs fed cardio diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.