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. Attribution is required.

Copy a snippet below, paste it where you want the graph, done. Each embed loads the same graph engine used on EconLearn itself.

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 18 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">
  <a href="https://www.econlearn.org/sandbox/supply-demand?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive supply &amp; demand graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/adas?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive ad-as model graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/ppc?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive production possibilities graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/elasticity?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive elasticity graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/monopoly?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive monopoly graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/perfect-competition?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive perfect competition graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/monopolistic-competition?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive monopolistic competition graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/production-costs?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive production costs graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/factor-markets?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive factor markets graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/externality?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive externalities graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/monetary-policy?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive money market graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/fiscal-policy?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive fiscal policy graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/loanable-funds?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive loanable funds graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/phillips-curve?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive phillips curve graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/exchange-rates?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive exchange rates graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/international-trade?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive international trade graph</a>
  by <a href="https://www.econlearn.org/?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">
  <a href="https://www.econlearn.org/sandbox/business-cycle?utm_source=embed&utm_medium=referral&utm_campaign=embed-graphs">Interactive business cycle graph</a>
  by <a href="https://www.econlearn.org/?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. Attribution is required. Keep the caption under the iframe: two followable links, to the teaching page and to EconLearn. The credit inside the iframe does not count as a backlink, so dropping the caption drops the credit.

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.