Skip to content
Nutrition Rich #fasting#metabolic-states#autophagy

Metabolic States Across a Fast

Hours 0-4: digestion. 4-12: glycogen. 12-18: gluconeogenesis. 24+: ketosis. 48+: deeper autophagy.

A free, animated metabolic states across a fast you can read here or embed on any website, from Scrollchart.

Metabolic States Across a Fast

Metabolic States Across a FastSix biomarkers across 72 hours: glycogen depletes by hour 18, ketones dominate by hour 24+FedPost-absorptiveGluconeogenicKetogenicDeep ketosis / autophagy0h12h24h36h48h60h72hHours of fastingRelative level (0-100)

A timeline across 72 hours of fasting with stacked-area plots of glucose, glycogen, ketones, free fatty acids, insulin, and growth hormone. Phase boundaries are marked: fed (0-4h), early post-absorptive (4-12h), gluconeogenic (12-24h), ketogenic (24-72h), deep ketosis and autophagy (48h+). Each phase is annotated with the dominant fuel substrate and hormonal signature.

Good for

  • Articles introducing time-restricted eating and extended fasting with mechanistic depth
  • Extended-fast educational content explaining the hormonal and metabolic transitions that justify fasting length
  • Diabetes-prevention and metabolic-health pieces illustrating why 16-hour and 24-hour fasts produce very different metabolic states

Source & accuracy

This metabolic states across a fast 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.

How fuel sourcing shifts through a fast

As a fast lengthens the body moves through overlapping fuel phases. In roughly the first four hours after eating it is in the fed, digestive state with insulin elevated. Over the next several hours it draws on stored liver glycogen to keep blood glucose steady. As glycogen depletes, gluconeogenesis (making glucose from amino acids and glycerol) takes over, and with continued fasting the liver ramps up ketone production so the brain and tissues can use fat-derived fuel.

Commonly cited markers place glycogen use through about 4 to 12 hours, gluconeogenesis around 12 to 18, and rising ketosis past roughly 24 hours, with deeper autophagy associated with longer fasts.

Why the hour markers are approximate

These transitions are gradual and overlapping, not sharp switches at exact clock times. The timing depends heavily on the last meal's size and composition, activity level, muscle glycogen, and individual metabolism, so two people fasting the same number of hours can be in different states.

This is general educational information about metabolic physiology, not a fasting prescription. Extended fasting is not appropriate for everyone and should involve a qualified professional.

Embed this diagram

Add this animated metabolic states across a fast 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 metabolic states across a fast for any website.
Who uses it
Nutrition blogs, Diet blogs, Biohacker blogs, Health 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="fasting-metabolic-states" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Metabolic States Across a Fast" for my website?
Scrollchart provides "Metabolic States Across a Fast" 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 metabolic states across a fast 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.