Skip to content
Fitness Medium #jump#power#force-plate

Vertical Jump Power Curve

Force-time profile of a vertical jump, from countermovement through takeoff.

A free, animated vertical jump power curve you can read here or embed on any website, from Scrollchart.

Vertical Jump Power Curve

Vertical Jump Force-Time Curve (CMJ)Countermovement jump · GRF vs time · eccentric, amortization, concentric phasesBodyweight (700 N)0100200300400500600Time (ms)0700140021002800GRF (N)Peak ~2800 N (~4× BW)TakeoffEccentricAmort.ConcentricAirborneKey metricsJump height~40-60 cmContact time~440 msRFD~9000 N/sPeak power~4200 WPeak GRF~4× BW

Force-time curve through a CMJ: dip (countermovement), peak (concentric), takeoff. RFD highlighted.

Good for

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

Source & accuracy

This vertical jump power 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.

Reading the force-time curve of a vertical jump

A countermovement vertical jump produces a characteristic force-time trace measured on a force plate. As the athlete dips down, force briefly drops below body weight (the unweighting phase), then rises through the braking phase as the downward motion is arrested, peaks during the propulsion phase as the legs extend, and falls to zero at takeoff when the feet leave the ground.

Power is force multiplied by velocity, so peak power occurs not at the highest force or the highest velocity alone but where their product is greatest, typically partway through the upward push. This is why a jump is analyzed as a curve over time rather than a single number.

What the shape reveals

The depth and speed of the countermovement, how sharply force rises during braking, and the height of the propulsive peak all describe how an athlete generates explosive force. Coaches use these features to distinguish, for example, an athlete who is strong but slow to develop force from one who is reactive but lacks peak strength.

The trace is specific to the individual and the test conditions, so it is a diagnostic snapshot rather than a fixed template. This is general educational information, not training prescription.

Embed this diagram

Add this animated vertical jump power 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 vertical jump power curve for any website.
Who uses it
Fitness blogs, Sports 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="jumping-power-curve" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Vertical Jump Power Curve" for my website?
Scrollchart provides "Vertical Jump Power 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 vertical jump power 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.