✅

Free Animated Productivity Diagrams

Habits, focus, time management, decision-making. The systems behind doing.

34 live For: Productivity blogs · Self-improvement writers · HR/leadership · Coaches

For productivity bloggers, self-improvement writers, and HR/leadership content. Habit formation curves, Pomodoro cycles, deep work blocks, GTD flow, Eisenhower matrix, time-tracking dashboards, energy-vs-time curves, decision frameworks.

What this is: Free, embeddable, animated diagrams covering productivity topics (habits, focus & attention, time management, decision-making).
Who uses it: Productivity blogs · Self-improvement writers · HR/leadership · Coaches
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: 34 live (total in catalog: 34).
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/productivity

Highlights

What you will find here

Habits: cue-routine-reward, habit-stacking, decay curves
Focus: Pomodoro, deep work, attention residue
Time management: GTD, Eisenhower, time blocking
Decision-making: pros/cons, expected value, regret minimization

Sub-categories

4 topic areas in Productivity

Habits

Cue-routine-reward, habit-stacking, formation curve, decay.

10 live

Focus & attention

Pomodoro, deep work, attention residue, flow state.

8 live

Time management

GTD, Eisenhower, time blocking, calendar audits.

8 live

Decision-making

Pros/cons, expected value, regret minimization, OODA loop.

8 live

Catalog

Browse Productivity diagrams

All categories →

Habits 10 live

Cue-routine-reward, habit-stacking, formation curve, decay.

Productivity Simple

The Habit Loop

Cue, routine, reward, craving - the four-part loop behind every habit.

Productivity Medium

Habit Formation Curve

Automaticity grows over weeks - 66 days median, but the range is wide.

Productivity Simple

Habit Stacking

Anchor a new habit to an existing routine - the easiest cue is one you already have.

Productivity Simple

Habit Decay Without Reinforcement

Skipped days erode automaticity - "missing twice" is the danger threshold.

Productivity Medium

Fogg's Tiny Habits

Behavior = Motivation x Ability x Prompt. Make the habit so small ability never blocks it.

Productivity Simple

Identity-Based Habits

"I am a runner" beats "I want to run" - identity drives behavior more reliably than goals.

Productivity Simple

Environment Design

Make good habits visible and easy, bad habits invisible and hard.

Productivity Simple

Immediate vs Delayed Reward

Habits that pay off now beat habits that pay off later, even when later is bigger.

Productivity Simple

Streak Protection Strategies

Never miss twice. Calendar visualization of why streaks matter and how to recover.

Productivity Simple

Keystone Habits

Some habits unlock cascades of other improvements - exercise, sleep, planning.

Focus & attention 8 live

Pomodoro, deep work, attention residue, flow state.

Productivity Simple

The Pomodoro Cycle

25 minutes focus, 5 minutes break, four times, then a long break. The basic timeboxing rhythm.

Productivity Medium

Deep Work Blocks

Long uninterrupted focus blocks produce far more cognitive output than fragmented time.

Productivity Medium

Attention Residue

Switching tasks leaves cognitive trace on the previous task, costing minutes of full focus.

Productivity Medium

Flow Channel

Skill matched to challenge produces flow - too easy is boredom, too hard is anxiety.

Productivity Simple

Cost of a Single Notification

A 5-second notification costs 23 minutes of refocus on average.

Productivity Simple

Daily Energy Curve

Most people peak in cognitive performance in late morning and again in early evening.

Productivity Simple

Eat the Frog

Tackle the hardest task first while willpower is highest.

Productivity Simple

Monotasking vs Multitasking

True multitasking is rapid switching with overhead - quality and speed both suffer.

Time management 8 live

GTD, Eisenhower, time blocking, calendar audits.

Productivity Simple

The Eisenhower Matrix

Urgent vs important - the 2x2 that decides what to do, schedule, delegate, or drop.

Productivity Medium

Getting Things Done (GTD) Flow

Capture -> clarify -> organize -> reflect -> engage. The David Allen pipeline.

Productivity Simple

Time Blocking

A calendar where every hour has a job - no open time for things to fall into.

Productivity Simple

The 80/20 Principle for Tasks

20% of tasks produce 80% of value - the cumulative-impact curve.

Productivity Simple

Parkinson's Law

Work expands to fill the time available - the case for shorter deadlines.

Productivity Simple

The Two-Minute Rule

If it takes less than two minutes, do it now. Beats the queue overhead.

Productivity Simple

True Cost of a Meeting

Headcount x hourly cost x duration plus context-switch overhead - meetings are expensive.

Productivity Simple

Calendar Audit

Map a week's actual hours by category - usually mismatched with stated priorities.

Decision-making 8 live

Pros/cons, expected value, regret minimization, OODA loop.

Productivity Medium

Expected Value Decision Tree

Probability-weighted outcomes for each option - the rational comparison.

Productivity Simple

Regret Minimization Framework

Project to age 80 - which choice would you regret not making? The Bezos heuristic.

Productivity Simple

Weighted Pros and Cons

Each pro/con scored by weight and probability - a structured upgrade to the basic list.

Productivity Medium

OODA Loop

Observe, Orient, Decide, Act - the fast-cycling decision loop from fighter combat.

Productivity Simple

One-Way vs Two-Way Door Decisions

Reversible decisions deserve speed; irreversible decisions deserve patience.

Productivity Medium

Second-Order Thinking

"And then what?" The downstream effects of every first-order decision.

Productivity Simple

Inversion: How to Fail

List all the ways to guarantee failure, then avoid them. Often easier than listing how to succeed.

Productivity Simple

Decision Journal Template

Record assumptions, expected outcomes, and confidence at decision time - calibrate later.

FAQ

Common questions about Productivity diagrams

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

Scrollchart is a free library of animated, embeddable diagrams. The Productivity 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 productivity 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 productivity diagrams I can embed without coding?

Scrollchart provides ready-to-embed animated diagrams across productivity 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 productivity 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 productivity diagram from a prompt, or request a new template. Most ship within two weeks.

Try the AI generator Request a diagram