Skip to content
Business Rich #willingness-to-pay#price-discrimination

Willingness to Pay Curve

The demand curve in disguise. Price discrimination captures more of the area under it.

A free, animated willingness to pay curve you can read here or embed on any website, from Scrollchart.

Willingness to Pay Curve

Willingness-to-Pay CurveOne price captures a rectangle. Multiple tiers fill the area under the curve.0%20%40%60%80%100%$0$50$100$150$200Cumulative buyers (% of addressable market)Price ($)Price discrimination is not exploitative: it converts consumer surplus into revenue by matching price to each segment's value.

A downward-sloping willingness-to-pay curve. A single price captures only a rectangle under the curve. Multiple price points (tiers, regional pricing, segment-based pricing) capture progressively more of the consumer surplus.

Good for

  • Pricing strategy articles on tiered and segment-based packaging
  • Tiered pricing justification for SaaS and digital product companies
  • Economics-of-pricing primers explaining demand curves and consumer surplus

Source & accuracy

This willingness to pay 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 demand curve is the willingness-to-pay distribution of your market

A willingness-to-pay (WTP) curve shows the number of customers willing to buy at each price. At $10, maybe 10,000 people buy. At $20, 7,000 buy. At $50, 2,000 buy. At $100, 200 buy. The curve slopes downward and rightward, a fundamental law of demand. The area under this curve represents total possible revenue: selling to all 10,000 at $10 yields $100,000. Selling to 2,000 at $50 yields $100,000. Selling to 200 at $100 yields $20,000. The same product, same people, different revenue based on where you price. The shape of the WTP curve (steep or gentle, cliff or gradual) determines the optimal price point. A steep curve means many customers have similar WTP; a gentle slope means WTP is spread across a wide range.

Price discrimination captures more of the area under the curve

If you could charge each customer their maximum willingness to pay, you'd capture the entire area under the curve (perfect price discrimination, impossible in practice). In reality, you choose one price and sell to all customers willing to pay at least that price. Some customers pay less than they would have been willing to; this is consumer surplus, the difference between what they'd pay and what they actually paid. Businesses with multiple products, tiers, or customer segments recover some of this surplus through packaging (bundling high-WTP items with low-WTP items) or segmentation (charging different prices in different markets). The closer a company can get to matching prices to individual WTP, the more revenue it captures.

Embed this diagram

Add this animated willingness to pay 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 willingness to pay curve for any website.
Who uses it
SaaS marketing blogs, Business writers.
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="willingness-to-pay-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 "Willingness to Pay Curve" for my website?
Scrollchart provides "Willingness to Pay 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 add a willingness to pay curve to a finance or business article?
Copy the embed snippet from the Scrollchart page for this diagram and paste it anywhere in your article HTML. It is compatible with WordPress, Webflow, Ghost, Substack, and static HTML pages. No account or API key is needed.