Skip to content
Productivity Simple #pomodoro#timeboxing#focus

The Pomodoro Cycle

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

A free, animated pomodoro cycle you can read here or embed on any website, from Scrollchart.

The Pomodoro Cycle

The Pomodoro CycleFrancesco Cirillo, 1980s. Named after a tomato-shaped kitchen timer.

Time-axis with four 25-minute focus blocks separated by 5-minute breaks, ending with a 15-30 minute longer break. Variants (50/10, 90/20) shown as alternates.

Good for

  • Productivity articles on time-blocking
  • Focus-technique guides

Source & accuracy

This pomodoro cycle 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 timeboxing structure and psychological commitment

The Pomodoro technique, developed by Francesco Cirillo in the late 1980s, uses a simple timer: 25 minutes of focused work, 5 minutes of break. After four cycles, take a longer break (15-30 minutes). The core insight is that the short duration creates psychological commitment. You can focus intensely on anything for 25 minutes; the timer makes it feel achievable.

The structured break is essential. During the 5-minute break, your brain partially disengages, allowing mental fatigue to recover. This keeps you sharp for subsequent cycles. Without breaks, attention decays over time; with them, you maintain focus quality across the full working session.

Adapting the basic rhythm for deep work and focus

The basic 25-5-25-5 rhythm is not optimal for all work. Deep work that requires a long ramp-up (coding, writing, analysis) often benefits from 50-minute or 90-minute cycles, allowing more time to enter and stay in flow. The longer cycle trades fewer transitions for longer context stability.

What matters is consistency and the breaks. Some people optimize by using the Pomodoro to batch shallow work (email, admin) and protecting longer uninterrupted blocks (90+ minutes) for deep work. The main value is structural: a timer and break structure prevent open-ended procrastination and help you move through resistance by committing to just 25 minutes.

Embed this diagram

Add this animated pomodoro cycle 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 pomodoro cycle for any website.
Who uses it
Productivity blogs.
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="pomodoro-cycle" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "The Pomodoro Cycle" for my website?
Scrollchart provides "The Pomodoro Cycle" 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 pomodoro cycle 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.