How to Add a Solar Panel Energy Lab to Your Website

You can add a full solar panel energy lab to any website, blog, or classroom page with a single line of code — free, with no sign-up, no plugin, and no script to install. Visitors drag the sun across the sky, watch a tracking panel follow it, and read the output off a live dashboard — and see why a cell never captures all the sunlight, bounded by the Shockley–Queisser limit on how much a single-junction cell can convert. This guide covers the fastest way to embed the Solar Panel Energy Lab, what it shows, and where it works.

The quickest way: paste one embed snippet

An embed is just an <iframe> that loads the lab from lkforge.com, plus a small credit line. Copy this into your page’s HTML where you want the widget to appear:

<iframe src="https://lkforge.com/embed/solar-panel/"
        width="100%" height="2030" loading="lazy"
        style="border:0;max-width:720px"
        title="Solar Panel Energy Lab by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/physics/solar-panel/">Solar Panel Energy Lab</a>
   by <a href="https://lkforge.com/">LK Forge</a></p>

The <iframe> is the live lab; the <p> underneath is a plain credit link. Keep that line — the visible link is what keeps the widget free to embed. You can also copy this exact code straight from the LK Forge widget gallery.

What the widget shows

The lab opens on a sun-tracking scene, so a visitor sees the motion immediately and can then take control:

• Drag the sun or play the day: move the sun by hand or press Play day and the panel pivots to face it from sunrise to sunset.
• Panel sliders: set panel area, tilt angle, cell efficiency and inverter efficiency, plus the latitude and day of year.
• Irradiance curve & gauge: the irradiance plot traces plane-of-array power across the day, and a half-dial gauge reads the live output against the rated power.
• Loss breakdown: a stacked bar splits the sunlight into the Shockley-Queisser-unreachable share, the cell-efficiency shortfall, the inverter loss and the net electrical capture.

Pick the right height

The snippet uses height="2030" and max-width:720px. This is a dashboard lab: the sun scene, the sliders, the two plots and the readouts stack into a single column on a narrow phone, so the tall height keeps everything from clipping there. On a wider page the widget centres within its max-width. That single height works across screen sizes, so there is nothing to tweak for mobile.

Where it works

Because it is a standard iframe, the embed works anywhere you can add HTML:

• WordPress: add a Custom HTML block and paste the snippet.
• Squarespace: use a Code / Embed block.
• Wix: add an Embed HTML / iframe element.
• Ghost: insert an HTML card.
• Notion: paste the /embed/solar-panel/ URL and choose "Create embed".
• Plain HTML, an intranet, or a lesson page: paste the snippet straight into the markup.

That’s the whole job. Copy the embed code from the widget gallery and paste it wherever an energy, physics or engineering lesson — or a blog post on solar power and the Shockley–Queisser limit — needs a panel students can actually aim at the sun.