Skip to content
Architecture & Design Simple #foundation

Foundation Types

Spread footing, mat, pile, caisson - matched to soil and building load.

A free, animated foundation types you can read here or embed on any website, from Scrollchart.

Foundation Types

Foundation TypesCross-sections matched to soil condition and load demand

Cross-sections of spread, mat, pile, caisson foundations. Soil conditions and load capacity for each. When each is used.

Good for

  • Architecture and civil engineering articles explaining how foundation type is selected based on soil bearing capacity and structural load
  • Education slides comparing shallow versus deep foundation strategies and their cost-depth tradeoffs
  • Structural engineering explainers on why supertall buildings require bored piles or caissons extending tens of metres to competent strata

Source & accuracy

This foundation types 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.

Matching foundation depth to soil and load

Foundations distribute building weight into soil, which must have adequate bearing capacity. A spread footing (pad or strip) is shallow (1-2 meters), suitable for firm, competent soil. A mat foundation spreads the entire building weight over a large area, useful for weak soil or basements where excavation is deep. Deep foundations (piles or caissons) bypass weak upper soil and rest on bedrock or stiff strata, necessary for tall buildings on soft clay or in seismically active zones. The choice depends on four factors: soil strength at various depths (from geotechnical investigation), building weight and geometry, groundwater and frost conditions, and cost. A suburban house on competent soil uses a simple spread footing; a high-rise in soft clay or on slopes uses deep piles or caissons.

Seismic and settlement design considerations

In seismic regions, foundations must anchor the building to the ground while allowing controlled movement. Piles or caissons are often preferred because they can be tapered and reinforced to accommodate lateral forces. In frost-prone climates, footings must reach below the frost line to avoid heaving. Differential settlement (one part of the foundation settling more than another) causes structural cracks, so uniform foundation stiffness and bearing capacity are critical. Modern projects increasingly use ground improvement techniques: soil densification, grouting, or replacement to enhance bearing capacity without going deeper. Underground water requires drainage design and sometimes waterproofing. Seismic design can add 20-40% to foundation cost in high-risk zones, but the insurance value and safety margin justify the investment.

Embed this diagram

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

Frequently asked questions

Where can I get a free animated "Foundation Types" for my website?
Scrollchart provides "Foundation Types" 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 foundation types 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.