Skip to content
Architecture & Design Medium #windows

Window U-Value and SHGC

U-value: conductance. SHGC: solar gain. The two key window performance metrics.

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

Window U-Value and SHGC

Window U-Value and SHGCU-value (W/m²K): heat loss. SHGC: solar heat gain coefficient (0-1). Optimal choice depends on climate zone.123450.000.250.500.751.00U-value (W/m²K) -- lower is better insulationSHGC (solar gain)Single clearU=5.8 SHGC=0.86Double clearU=2.7 SHGC=0.7Double low-EU=1.6 SHGC=0.4Double low-E gasU=1.2 SHGC=0.38Triple low-E gasU=0.8 SHGC=0.25PHI tripleU=0.5 SHGC=0.5

Window types (single, double, triple, low-E, gas-fill) with U-value and SHGC. Climate-zone optimal selections.

Good for

  • Building-physics specification guides helping architects select glazing for IECC, Part L, or Passive House compliance across different climate zones
  • Sustainable design CPD explaining why U-value and SHGC must be optimised jointly rather than minimising U-value alone
  • Energy-modelling explainers showing how window choice affects annual heating and cooling loads in dynamic simulation tools such as EnergyPlus or IES-VE

Source & accuracy

This window u-value and shgc 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.

Two metrics that define window thermal performance

U-value measures the rate at which a window conducts heat across its entire assembly (frame, glass, spacers). A low U-value (under 0.20 W/m2K in high-performance windows) means less heat escapes in winter and less enters in summer. SHGC (Solar Heat Gain Coefficient) is the fraction of solar radiation that enters the building through the window. A south-facing window in a cold climate should have low U-value (to retain heat) and high SHGC (to collect winter sun). The same window in a hot climate should have low U-value and low SHGC (to block summer heat). Neither metric alone determines window performance; both must be considered in context of orientation and climate.

Specifying windows by climate and orientation

Building codes and energy rating systems (NFRC in North America) publish window specifications by geography. New York might call for U-values below 0.22 and SHGC below 0.40 on south facades (prioritizing solar gain control), while Minnesota allows higher SHGC (0.60+) on south to capture free heating. Dynamic window technologies (electrochromic smart glass, switchable films) can adjust SHGC hour by hour, providing optimum performance across seasons, though at higher cost. Low-emissivity (low-E) coatings and argon gas fills between panes are standard in modern windows, reducing U-values to 0.15 or lower. Proper frame sealing and installation are equally critical: a poorly installed premium window performs no better than a standard one.

Embed this diagram

Add this animated window u-value and shgc 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 window u-value and shgc for any website.
Who uses it
Architecture & design sites.
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="window-u-shgc" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Window U-Value and SHGC" for my website?
Scrollchart provides "Window U-Value and SHGC" 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 embed a window u-value and shgc in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.