Skip to content
Real Estate Medium #u-value#glazing#thermal

U-Value Comparison

Single pane: 5.7. Double: 2.8. Triple: 0.8. Lower U-value means less heat loss.

A free, animated u-value comparison you can read here or embed on any website, from Scrollchart.

U-Value Comparison

U-Value Comparison: Old vs Modern ConstructionW/m²K (lower = less heat loss through the element)0123456U-value (W/m²K)Single glazing5.71.4-75%Double glazing2.81-64%Triple glazing1.80.7-61%Cavity wall1.50.28-81%Roof (pitched)2.30.16-93%Pre-1990 (old)Modern standard% = heat loss savedUpgrading single glazing to triple cuts window heat loss by 88%. Roof insulation saves up to 93%.Heat lossreduction

U-values of common building elements (single glazing, double glazing, triple glazing, cavity wall, pitched roof) shown as paired horizontal bars contrasting pre-1990 construction against modern building-regulation standard. The percentage heat-loss reduction is annotated per element, revealing that roof insulation and triple glazing deliver the largest proportional gains.

Good for

  • Building science and renovation explainer articles
  • Window replacement and insulation ROI guides
  • EPC improvement roadmap content

Source & accuracy

This u-value comparison 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.

Single, double, and triple pane heat loss rates

A single-pane window allows 5.7 BTU per hour per square foot per degree Fahrenheit temperature difference, meaning heat floods out rapidly in winter. Double-pane with air gap cuts that nearly in half to 2.8. Triple-pane with two air gaps (or two gaps plus an inert gas fill) compresses it further to 0.8, a seven-fold improvement. The gains come from stacking insulating layers and using low-conductivity gases (argon or krypton) instead of air. Low-emissivity coatings further suppress radiative heat transfer.

Diminishing returns beyond double pane

The jump from single to double pane yields dramatic savings at modest cost, explaining why double-pane became code minimum decades ago. Moving from double to triple adds 30-50% upfront cost for only a 70% reduction in U-value. In moderate climates, the math favors high-performance double pane (low-E coatings, inert gas fill) over triple, balancing comfort, solar gain in winter, and cost. Far north and alpine climates lean triple for winter survival and occupant comfort during extended cold.

Embed this diagram

Add this animated u-value comparison 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 u-value comparison for any website.
Who uses it
Real-estate blogs.
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="u-value-comparison" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "U-Value Comparison" for my website?
Scrollchart provides "U-Value Comparison" 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 u-value comparison 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.