For class pages, LMS, and blogs

Put a live economics graph on your own site

One iframe tag adds a fully interactive, draggable graph to Google Sites, Canvas, Schoology, WordPress, or anything else that accepts HTML. Free, no login for your students. Start at the widgets hub.

Copy a snippet below into a page that permits iframe embeds. Each embed loads the same graph engine used on EconLearn itself. Check your school's technology and privacy requirements before classroom use.

Need a picture rather than a live graph? Open any graph in the sandbox to download it as a PNG or SVG for a worksheet or slide deck, or to build a specific case and copy a link to that exact setup.

This is a live embed of the supply and demand graph, exactly as it will appear on your page.

All 21 graphs, ready to copy

Supply & Demandwidget page

Drag either curve; equilibrium, surplus, and shortage update live.

<iframe
  src="https://www.econlearn.org/embed/graph/supply-demand"
  width="100%" height="520" style="border:0"
  title="Interactive supply &amp; demand graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/supply-demand?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
AD-AS Modelwidget page

Aggregate demand and supply with short-run and long-run equilibrium.

<iframe
  src="https://www.econlearn.org/embed/graph/adas"
  width="100%" height="520" style="border:0"
  title="Interactive ad-as model graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/adas?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Production Possibilitieswidget page

Scarcity, tradeoffs, and efficiency on a draggable frontier.

<iframe
  src="https://www.econlearn.org/embed/graph/ppc"
  width="100%" height="520" style="border:0"
  title="Interactive production possibilities graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/ppc?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Elasticitywidget page

Watch total revenue respond as the curve's steepness changes.

<iframe
  src="https://www.econlearn.org/embed/graph/elasticity"
  width="100%" height="520" style="border:0"
  title="Interactive elasticity graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/elasticity?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Monopolywidget page

MR below demand, the profit-maximizing quantity, and deadweight loss.

<iframe
  src="https://www.econlearn.org/embed/graph/monopoly"
  width="100%" height="520" style="border:0"
  title="Interactive monopoly graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/monopoly?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Perfect Competitionwidget page

The firm and market side by side, profit and loss shading included.

<iframe
  src="https://www.econlearn.org/embed/graph/perfect-competition"
  width="100%" height="520" style="border:0"
  title="Interactive perfect competition graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/perfect-competition?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Monopolistic Competitionwidget page

Short-run profit eroding to the long-run tangency.

<iframe
  src="https://www.econlearn.org/embed/graph/monopolistic-competition"
  width="100%" height="520" style="border:0"
  title="Interactive monopolistic competition graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/monopolistic-competition?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Production Costswidget page

ATC, AVC, and MC and why marginal cost cuts both from below.

<iframe
  src="https://www.econlearn.org/embed/graph/production-costs"
  width="100%" height="520" style="border:0"
  title="Interactive production costs graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/production-costs?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Factor Marketswidget page

Labor supply and demand with the firm's hiring decision.

<iframe
  src="https://www.econlearn.org/embed/graph/factor-markets"
  width="100%" height="520" style="border:0"
  title="Interactive factor markets graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/factor-markets?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Externalitieswidget page

Social vs private cost, the wedge, and the corrective tax.

<iframe
  src="https://www.econlearn.org/embed/graph/externality"
  width="100%" height="520" style="border:0"
  title="Interactive externalities graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/externality?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Money Marketwidget page

Money supply shifts and the nominal interest rate.

<iframe
  src="https://www.econlearn.org/embed/graph/monetary-policy"
  width="100%" height="520" style="border:0"
  title="Interactive money market graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/monetary-policy?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Fiscal Policywidget page

Stimulus and contraction moving AD.

<iframe
  src="https://www.econlearn.org/embed/graph/fiscal-policy"
  width="100%" height="520" style="border:0"
  title="Interactive fiscal policy graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/fiscal-policy?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Loanable Fundswidget page

Saving, investment, and the real interest rate.

<iframe
  src="https://www.econlearn.org/embed/graph/loanable-funds"
  width="100%" height="520" style="border:0"
  title="Interactive loanable funds graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/loanable-funds?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Phillips Curvewidget page

The short-run tradeoff and the long-run vertical.

<iframe
  src="https://www.econlearn.org/embed/graph/phillips-curve"
  width="100%" height="520" style="border:0"
  title="Interactive phillips curve graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/phillips-curve?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Exchange Rateswidget page

Currency appreciation and depreciation in the FOREX market.

<iframe
  src="https://www.econlearn.org/embed/graph/exchange-rates"
  width="100%" height="520" style="border:0"
  title="Interactive exchange rates graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/exchange-rates?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
International Tradewidget page

World price, tariffs, imports, and the welfare boxes.

<iframe
  src="https://www.econlearn.org/embed/graph/international-trade"
  width="100%" height="520" style="border:0"
  title="Interactive international trade graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/international-trade?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Business Cyclewidget page

Expansion, peak, recession, trough on the growth path.

<iframe
  src="https://www.econlearn.org/embed/graph/business-cycle"
  width="100%" height="520" style="border:0"
  title="Interactive business cycle graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/business-cycle?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Reserve Marketwidget page

Limited- and ample-reserves frameworks, open-market operations, and IORB.

<iframe
  src="https://www.econlearn.org/embed/graph/reserve-market"
  width="100%" height="520" style="border:0"
  title="Interactive reserve market graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/reserve-market?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Circular Flowwidget page

Money and real flows between households, firms, and both markets, with an optional government sector.

<iframe
  src="https://www.econlearn.org/embed/graph/circular-flow"
  width="100%" height="520" style="border:0"
  title="Interactive circular flow graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/circular-flow?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Budget Constraintwidget page

Income, prices, and every combination a consumer can afford on the budget line.

<iframe
  src="https://www.econlearn.org/embed/graph/budget-constraint"
  width="100%" height="520" style="border:0"
  title="Interactive budget constraint graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/budget-constraint?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>
Consumer Choicewidget page

Indifference curves, the budget line, and the utility-maximizing bundle at the tangency.

<iframe
  src="https://www.econlearn.org/embed/graph/consumer-choice"
  width="100%" height="520" style="border:0"
  title="Interactive consumer choice graph"
></iframe>
<p style="font:14px/1.5 system-ui,sans-serif;margin:.5rem 0 0">
  Interactive graph from <a href="https://www.econlearn.org/sandbox/consumer-choice?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">EconLearn</a>
</p>

The fine print (it's short)

Embeds are free for any educational use, forever. The line under each frame is an optional credit linking to the matching teaching page, so students who want more can find it. Keep it, edit it or delete it.

Teaching AP Econ? The graphs are one slice of a full free platform: set up a classroom with assignments and grade export in a couple of minutes.

AP® is a trademark registered by the College Board, which is not affiliated with, and does not endorse, EconLearn. International Baccalaureate®, AQA, Pearson Edexcel, and the textbook titles named on this site belong to their owners, who are not affiliated with and do not endorse EconLearn.