Skip to content
Education Simple #zpd#vygotsky#scaffolding

Zone of Proximal Development

The gap between what a learner can do alone and what they can do with help.

A free, animated zone of proximal development you can read here or embed on any website, from Scrollchart.

Zone of Proximal Development

Zone of Proximal DevelopmentVygotsky's framework: learning happens in the assisted middle zone

Three concentric circles: what learner can do alone (inner), ZPD (middle, with scaffolding), out of reach (outer). Effective teaching targets the middle zone.

Good for

  • Pedagogy articles
  • Tutoring-method content

Source & accuracy

This zone of proximal development 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.

The gap between independent and supported performance

Lev Vygotsky observed that a child can solve some problems alone and cannot solve others. There is also a middle ground: problems the child cannot solve alone but can solve with help from a parent or teacher. This middle zone is the zone of proximal development (ZPD). It is where learning happens most efficiently.

The ZPD captures the idea that readiness is not binary. A child is not either ready or not ready for long division; they might be ready with a model and stepped prompts, and that is enough. The zone is the range where challenge and support are balanced.

Implications for instruction and assessment

Teaching should target the ZPD, not what a student can already do alone (which is boring) and not what they cannot do even with help (which is discouraging). A teacher provides support (scaffolding, modeling, hints) calibrated to keep the student in the zone where effort and growth happen together.

Assessment should measure both what the student can do alone (independent performance, the traditional test) and what they can do with help (potential). A student who independently recalls five historical facts but can recall ten when given prompts has a larger zone. Ignoring potential-with-help misses readiness to learn. The ZPD is the true measure of learning opportunity.

Embed this diagram

Add this animated zone of proximal development 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 zone of proximal development for any website.
Who uses it
EdTech content 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="zone-of-proximal-development" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Zone of Proximal Development" for my website?
Scrollchart provides "Zone of Proximal Development" 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 zone of proximal development 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.