Skip to content
Scrollchart
Health Science Medium #frank-starling#preload#stroke-volume

Frank-Starling Curve

Stroke volume rises with end-diastolic volume up to a point; failing hearts shift the curve down.

A free, animated frank-starling curve you can read here or embed on any website, from Scrollchart.

Frank-Starling Curve

Frank-Starling CurveStroke volume rises with preload until the failing heart can no longer respond

Stroke volume vs LV end-diastolic volume (EDV) for three cardiac states. Normal heart: SV rises from ~40 mL at EDV 80 mL to plateau ~100 mL at EDV 150 mL. Failing heart (HFrEF): curve shifts down and right, same EDV 150 mL yields only ~55 mL SV. Positive inotrope (e.g. dobutamine): curve shifts up, EDV 120 mL yields ~120 mL SV. Starling mechanism explains why preload augmentation (IV fluids) helps only until a point, after which the failing heart cannot respond.

Good for

  • Heart failure pathophysiology education
  • Preload and inotrope clinical explainers
  • Cardiology board review content

Source & accuracy

This frank-starling curve 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.

What the Frank-Starling mechanism describes

The Frank-Starling law of the heart states that, within physiological limits, the more the heart muscle is stretched by incoming blood during filling, the more forcefully it contracts. Plotted as a curve, stroke volume rises with end-diastolic volume (the amount of blood in the ventricle at the end of filling, which reflects preload). The mechanism arises because greater stretch of cardiac muscle fibers improves the overlap of contractile filaments up to an optimal length.

This intrinsic property lets the heart automatically match its output to the volume of blood returning to it, balancing the two sides of the heart beat to beat without external signals.

How the curve shifts in heart failure

The position of the curve depends on contractility. Increased contractility, such as from sympathetic stimulation, shifts the curve upward, producing more stroke volume at the same filling. A failing heart shifts the curve downward and flatter, so it generates less stroke volume for any given end-diastolic volume.

This downward shift helps explain why heart failure can lead to congestion: the ventricle handles less volume effectively, and pressure backs up. Interpretation of cardiac function is a clinical matter requiring evaluation by qualified medical professionals.

Embed this diagram

Add this animated frank-starling curve 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 frank-starling curve for any website.
Who uses it
Medical educators, Patient-info sites.
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.
URL
scrollchart.com/diagram/frank-starling-curve

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="frank-starling-curve" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

By embedding, you acknowledge the diagram and explainer text are served from scrollchart.com and may be updated from time to time to reflect new research or to link to relevant sources within the explainer.

Frequently asked questions

Where can I get a free animated "Frank-Starling Curve" for my website?
Scrollchart provides "Frank-Starling Curve" 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 frank-starling curve 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.
Related diagrams

Other health science explainers

See all health science →
Health Science Rich

Cardiac Cycle

Atrial systole, ventricular systole, ventricular diastole - pressures, volumes, valve events.
Health Science Rich

Preload, Afterload, Contractility

Three independent levers determining stroke volume - mapped onto pressure-volume loops.
Health Science Rich

Heart Failure Spectrum

HFrEF (low EF) vs HFpEF (preserved EF, stiff ventricle) - distinct mechanisms, overlapping symptoms.