How to Add a Pumped Hydro Storage Lab to Your Website

You can add a full pumped hydro storage 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 pump water uphill into an upper reservoir and later release it through a turbine, watching the round-trip efficiency of the plant. The idea it makes concrete is head and flow: energy stored grows with head times volume, but friction losses rise with the square of flow, so slow, high-head plants keep more of what they store. This guide covers the fastest way to embed the Pumped Hydro Storage 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/pumped-hydro/"
        width="100%" height="1840" loading="lazy"
        style="border:0;max-width:720px"
        title="Pumped Hydro Storage Lab by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/physics/pumped-hydro/">Pumped Hydro Storage 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 as a pump-and-generate dashboard, so a visitor can press Run and then take control:

• Plant sliders: head, reservoir volume, pump flow, generation flow, machine efficiency and hold time set up the cycle before you press ▶ Run.
• Presets and reset: Low head, High head, Fast (high flow) and Long-duration jump to common designs; ↺ Reset clears the run.
• Live readouts: energy in, energy delivered, reservoir level and round-trip efficiency update as water is pumped up and released.
• Two plots: reservoir level over the cycle, and round-trip efficiency versus flow rate, beside a plant schematic and a loss donut showing where the energy goes.

Pick the right height

The snippet uses height="1840" and max-width:720px. This is a dashboard-style lab with sliders, readouts and two plots, so on a narrow phone the panels stack into a single column — the tall height keeps that stacked layout from clipping. On a wider page the widget simply centres within its max-width, so the one height works across screen sizes.

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/pumped-hydro/ 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-storage, physics, or engineering lesson — or a blog post on grid storage and renewables — needs a plant students can actually pump and generate.