Skip to content
Architecture & Design Medium #daylight

Daylight Factor and Daylight Autonomy

Daylight factor at a desk depends on window size, orientation, and depth from glazing.

A free, animated daylight factor and daylight autonomy you can read here or embed on any website, from Scrollchart.

Daylight Factor and Daylight Autonomy

Daylight Factor vs. Room DepthDF falls as an inverse-power law. CIBSE target: 2% at the rear of the occupied zone.

Daylight factor curve falling off from the window face. CIBSE 2% minimum target reached at roughly 1.5x the window head height. Zone annotations for well-lit (DF above 5%), adequate (2-5%), and gloomy (below 2%). Window-to-wall ratio rules of thumb in a side panel.

Good for

  • Daylighting design articles explaining why room depth is the dominant variable in glazing performance
  • Building-regulation explainers translating the 2% DF metric into practical window sizing and room layout guidance
  • Sustainability content showing how adequate daylighting reduces artificial lighting loads, contributing to operational carbon targets

Source & accuracy

This daylight factor and daylight autonomy 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.

Quantifying natural light availability indoors

Daylight factor is the ratio of indoor illumination to outdoor illumination, expressed as a percentage. A desk 3 meters from a north-facing window on an overcast day might receive only 1-2% of the exterior light, while the same desk 1 meter from a large south-facing window could reach 4-5%. The metric simplifies a complex variable (time of year, cloud cover, window transmission, interior reflectances) into a single dimensionless number. Design targets range from 2% for task areas (sufficient for reading without electric light on typical overcast days) to 0.5% for ambient background lighting.

Geometry and orientation shape daylight distribution

Window size alone does not determine daylight penetration. A large window reveals only its head height and width, so tall narrow windows deliver light deeper into a space than short wide ones. Distance from the window matters exponentially: doubling distance from a window roughly quarters its illumination. Orientation is equally critical: north-facing windows provide steady, diffuse light; south-facing windows in cold climates maximize solar gain; east and west exposures create glare in mornings and afternoons. Overhang depth and angle determine how much sun reaches windows seasonally. Professional daylighting design combines window sizing, placement, reflective surfaces, and shelves to distribute natural light evenly across work areas while minimizing glare and overheating.

Embed this diagram

Add this animated daylight factor and daylight autonomy 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 daylight factor and daylight autonomy 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="daylight-factor" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Daylight Factor and Daylight Autonomy" for my website?
Scrollchart provides "Daylight Factor and Daylight Autonomy" 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 daylight factor and daylight autonomy 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.