Skip to content
Psychology Medium #arousal#performance#inverted-u

Arousal-Performance Curve

Performance peaks at moderate arousal, falls at both low and high extremes - the inverted U.

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

Arousal-Performance Curve

Arousal-Performance CurveYerkes-Dodson 1908: optimal arousal shifts left for complex tasks, right for simple ones

Performance vs arousal as an inverted U. Optimal-arousal band shaded. Simple tasks (run sprint) shift right; complex tasks (chess) shift left. The classic Yerkes-Dodson principle without the proper-name slug.

Good for

  • Performance psychology articles explaining why anxiety hurts complex work but can aid simple tasks
  • Stress-management content illustrating the cost of over-activation in knowledge work
  • Sports psychology explainers on pre-competition arousal regulation strategies

Source & accuracy

This arousal-performance 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.

The inverted U relationship

Performance varies predictably with arousal level. At very low arousal (lethargy, inattention), performance is poor. Performance improves as arousal increases: alertness sharpens focus, motivation drives effort, and task engagement deepens. But the relationship does not continue upward; performance peaks at moderate arousal and then declines as arousal exceeds optimal levels.

High arousal produces anxiety, scattered attention, and impulsive errors. An athlete who is slightly nervous performs better than one who is apathetic, but excessive pre-game anxiety degrades coordination and decision-making. A student moderately stressed by an upcoming test studies effectively; panic diminishes performance. The curve is an inverted U because both extremes impair.

Task complexity and optimal arousal

Optimal arousal shifts with task complexity. Simple, well-practiced tasks tolerate higher arousal; a tennis serve is harder to choke on than a delicate motor control task. Complex tasks requiring flexible thinking need lower arousal; overthinking disrupts problem-solving. An athlete performing a familiar skill can tolerate high pressure; a novice learning a new sport needs calmer conditions.

Understanding this curve explains performance under pressure. Relaxation alone is not always optimal; moderate arousal (called flow in positive psychology) combines focus with engagement. Athletes learn to manage arousal to stay in the optimal zone. In work and learning, recognizing that both numbness and panic impair performance leads to more nuanced interventions than simply 'reduce stress'.

Embed this diagram

Add this animated arousal-performance 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 arousal-performance curve for any website.
Who uses it
Psychology blogs, Productivity 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="arousal-performance-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 "Arousal-Performance Curve" for my website?
Scrollchart provides "Arousal-Performance 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 arousal-performance curve in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.