Skip to content
Scrollchart
🧠

Free Animated Psychology Diagrams

Cognition, emotion, personality, biases, clinical, developmental. The mind at work.

57 live For: Therapists · Psychology blogs · Self-help writers · HR/leadership · Educators

For therapy sites, self-help authors with rigor, HR/leadership content, and psychology educators. Yerkes-Dodson, Maslow's hierarchy, the Big Five, operant conditioning quadrants, the Kübler-Ross stages, the stress response curve, cognitive biases taxonomy.

What this is
Free, embeddable, animated diagrams covering psychology topics (cognition, emotion, personality, cognitive biases, and more).
Who uses it
Therapists · Psychology blogs · Self-help writers · HR/leadership · Educators
How to embed
Copy one line of HTML per diagram. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
Diagrams in this category
57 live (total in catalog: 57).
License
Free forever. The diagram and editorial explainer text are served from scrollchart.com so they can be updated over time to reflect new research.
URL
scrollchart.com/categories/psychology
Highlights

What you will find here

  • Cognition: dual-process, working memory, attention
  • Emotion: arousal, regulation, fight/flight/freeze
  • Personality: Big Five, attachment, MBTI critique
  • Biases: cognitive bias taxonomy with mechanisms
  • Clinical & developmental
Sub-categories

6 topic areas in Psychology

Cognition

Dual-process, working memory, attention, decision-making.

12 live
Emotion

Arousal, regulation, stress response, mood/affect, James-Lange.

10 live
Personality

Big Five, attachment styles, MBTI critique, HEXACO.

8 live
Cognitive biases

Bias taxonomy, anchoring, availability, confirmation, sunk cost.

12 live
Clinical psychology

CBT triangle, exposure therapy, ACT, depression, anxiety frameworks.

8 live
Developmental

Piaget stages, Erikson stages, attachment, lifespan trajectories.

7 live
Catalog

Browse Psychology diagrams

All categories →

Cognition 12 live

Dual-process, working memory, attention, decision-making.

Psychology Medium

Dual-Process Thinking (System 1 vs System 2)

Fast, automatic intuition versus slow, deliberate reasoning. The Kahneman framework.
Psychology Simple

Working Memory Capacity (7 +/- 2)

Short-term memory holds about 4-7 chunks. Chunking expands what one chunk can be.
Psychology Medium

Attention Spotlight Model

Attention narrows on a focal point with a fading periphery, a moving cognitive flashlight.
Psychology Medium

Cognitive Load Theory

Intrinsic, extraneous, germane load - the three buckets that fill working memory.
Psychology Medium

Memory: Sensory, Short, Long

Atkinson-Shiffrin three-store model with rehearsal, encoding, and retrieval pathways.
Psychology Medium

Pattern Recognition Modes

Bottom-up (data-driven) vs top-down (expectation-driven) perception.
Psychology Simple

Decision Fatigue Curve

Quality of decisions degrades over the day as the willpower budget depletes.
Psychology Simple

Choice Overload (Paradox of Choice)

More options reduce purchase rate above ~6 - too many choices freeze the chooser.
Psychology Simple

The Framing Effect

"90% survival" and "10% mortality" describe the same outcome - and produce different choices.
Psychology Simple

Anchoring and Adjustment

Initial values bias subsequent estimates - even when the anchor is irrelevant.
Psychology Simple

Mental Models for Decision-Making

A toolbox of frameworks: first principles, second-order, inversion, opportunity cost.
Psychology Medium

Metacognition: Knowing What You Know

Thinking about thinking - monitoring, evaluating, and regulating your own cognition.

Cognitive biases 12 live

Bias taxonomy, anchoring, availability, confirmation, sunk cost.

Psychology Rich

Cognitive Bias Taxonomy

Hundreds of named biases organized by their cognitive function.
Psychology Medium

Confirmation Bias Loop

Belief -> selective evidence search -> reinforced belief. The self-sealing reasoning trap.
Psychology Medium

Availability Heuristic

Easy-to-recall examples are judged more frequent - news coverage warps risk perception.
Psychology Simple

Sunk Cost Fallacy

Continued investment in a failing project because of past investment - the trap of throwing good money after bad.
Psychology Simple

Survivorship Bias

Studying only the survivors hides what killed everyone else.
Psychology Simple

Hindsight Bias

"I knew it all along" - past events feel more predictable than they were.
Psychology Simple

The Planning Fallacy

Estimates underestimate completion time even when people know past projects ran long.
Psychology Simple

Fundamental Attribution Error

My behavior is situational, theirs is dispositional. The asymmetric explanation.
Psychology Simple

In-Group / Out-Group Bias

Even minimal group assignments produce favoritism within minutes.
Psychology Medium

Overconfidence Effect

90% confidence intervals contain the true answer ~50% of the time.
Psychology Medium

Loss Aversion

A loss feels roughly twice as bad as an equivalent gain feels good.
Psychology Simple

Recency and Primacy Effects

First and last items in a list are remembered best - everything in the middle fades.
FAQ

Common questions about Psychology diagrams

Where can I get free animated psychology diagrams for my website?

Scrollchart is a free library of animated, embeddable diagrams. The Psychology section covers the most common concepts and frameworks in the field. Each diagram embeds with one line of HTML, no account required, no watermark.

How do I embed a free animated psychology diagram in WordPress?

Copy the embed snippet from the diagram page on Scrollchart and paste it into a custom HTML block in your WordPress editor. The diagram loads automatically and scroll-paints into view. No plugin or API key needed.

Is there a free library of animated psychology diagrams I can embed without coding?

Scrollchart provides ready-to-embed animated diagrams across psychology and 35 other categories. The embed is a single line of HTML that works in any CMS, including WordPress, Webflow, Ghost, Substack, and plain HTML pages.

Do Scrollchart psychology diagrams include explanatory text?

Yes. Each diagram ships with a tabbed explainer panel covering what the diagram shows, the research behind it, and how to interpret it. The text is served from scrollchart.com and rendered directly in your page's DOM so it is indexed by search engines.

Don't see what you need?

Generate a custom psychology diagram from a prompt, or request a new template. Most ship within two weeks.

Try the AI generator Request a diagram