Skip to content
History Medium #industrial-revolution

Industrial Revolution Phases

First (steam, textiles), Second (steel, electric), Third (computer, internet), Fourth (AI, automation).

A free, animated industrial revolution phases you can read here or embed on any website, from Scrollchart.

Industrial Revolution Phases

Four Industrial RevolutionsProductivity index 1760-2040: each wave compresses the next transition by half17601800184018701914196020002040Year100400800120016002000Productivity index (1760 = 100)Each revolution cut the time to the next by roughly half: 80 yrs, 45 yrs, 40 yrs, accelerating into AI era

Four industrial revolutions on a timeline: 1760-1830 (steam), 1870-1914 (electric), 1960- (digital), 2010s+ (AI/IoT). Productivity curve overlaid.

Good for

  • Economic history articles mapping technological waves to productivity jumps and explaining why each revolution accelerated faster than the last
  • Innovation strategy pieces using the four-revolution framework to argue where AI and biotech fit relative to prior general-purpose technologies
  • Education content illustrating how long industrialization actually took, countering the myth of instant disruption with a 280-year compressing arc

Source & accuracy

This industrial revolution phases 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.

Four waves of technological transformation

Historians divide industrialization into four phases. The First Industrial Revolution (1760-1840) centered on steam power and textiles, replacing artisanal cloth production with mechanized mills that made fabric abundant and cheap. The Second (1870-1914) introduced steel, electricity, oil, and chemicals, creating modern industry and manufacturing. The Third (1960-2000) brought computerization, telecommunications, and automation, starting with mainframes and culminating in personal computing and the internet. The Fourth (2010-present), still unfolding, involves AI, robotics, biotechnology, and decentralized digital systems.

Each wave destroyed old economic structures and created new ones. Each required capital accumulation, technical innovation, and labor migration from countryside to city. Each promised liberation and delivered disruption alongside opportunity.

Accelerating pace and global unevenness

The First Industrial Revolution took 150 years to spread from Britain to the rest of Europe and North America. The Second took 50 years. The Third took 30 years. The Fourth is moving faster. This acceleration reflects capital mobility, instant communication, and global supply chains that allow technology to diffuse within years rather than generations.

Yet industrial transformation remains uneven geographically. Sub-Saharan Africa has barely begun the Third Revolution. South Asia is mid-way through the Second. China accelerated through the Second, Third, and early Fourth in 40 years. This unevenness creates global inequality: nations that industrialized early captured the gains and developed capital bases; late industrializers face entrenched competition and commodity-price volatility.

Embed this diagram

Add this animated industrial revolution phases 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 industrial revolution phases for any website.
Who uses it
History writers.
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="industrial-revolution-phases" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Industrial Revolution Phases" for my website?
Scrollchart provides "Industrial Revolution Phases" 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 industrial revolution phases 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.