Skip to content
Engineering Simple #foundation#civil

Foundation Types

Spread footing, mat, pile, drilled shaft - matched to soil conditions and 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. Capacity spans 3 orders of magnitude.Spread FootingGood soil, light-medium loadMat FoundationWeak soil, distributed loadDriven PileSoft over firm stratumDrilled ShaftHeavy load, end-bearing on rockGL150-300 kPaDepth: 0.5-1.5 m50-100 kPaDepth: 0.6-1.5 m500-3000 kNDepth: 5-30 m3-20 MNDepth: 5-50 mDense sand / gravelSoft clay / fillSoft soilDense stratumWeak / variableRock / dense gravelSoil capacity drives foundation choice: soft clay 50 kPa demands mat or piles; rock bears 20 MN per drilled shaft.Settlement tolerance and depth to competent layer govern the decision between shallow and deep foundations.

Cross-sections of common foundation types with soil profiles. Spread (good soil, light load), mat (poor soil, distributed load), pile/drilled shaft (deep good layer, heavy load).

Good for

  • Foundation-design articles matching soil bearing capacity to footing type and depth
  • Civil-engineering coursework explaining why deep foundations are required on soft or variable soils
  • Architecture and construction-management content on foundation cost drivers and site investigation

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 strength

Shallow foundations work well in stiff soils where bearing capacity is high within a few feet of the surface. Spread footings distribute building weight over a wide base, keeping stress low. When soil near the surface is weak or clay shrinks seasonally, engineers must dig deeper or use piles that reach stable layers below. Soil investigation boreholes reveal the depth where bearing capacity meets the structure's load requirements. The choice of foundation type is one of the earliest structural decisions, affecting construction cost, schedule, and long-term performance.

Pile foundations for variable and weak soils

Driven piles and drilled shafts transfer load through soft soil to bedrock or dense material below. The choice between them depends on construction access, noise restrictions, and soil profile. Driven piles work by displacement and friction; drilled shafts work by socket depth and end bearing in rock. Mat foundations are the shallow-wide alternative, spreading loads under the entire building footprint when all areas have similar soil quality.

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
Engineering blogs & docs.
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" 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.