Skip to content
Business Simple #kanban#wip-limits#flow

Kanban Flow

Backlog to doing to review to done. WIP limits keep flow smooth.

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

Kanban Flow

Kanban FlowWIP limits expose bottlenecks: excess cards queue upstream, stalling throughputBacklogIn Progress4/3 !Review3/2 !DoneFix: pull blocked items before pulling new ones; raise WIP limit only after fixing the downstream jam

A kanban board with WIP limits on each column and cards flowing through. Excess WIP creates bottlenecks visible as queue buildup.

Good for

  • Agile and lean explainers on WIP limits and pull systems
  • Engineering team process articles on flow metrics and throughput
  • Operations playbooks illustrating queue management and blocker escalation

Source & accuracy

This kanban flow 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.

Visualizing work and limiting in-progress

Kanban organizes work into visible states: typically backlog (not started), doing (in progress), review (waiting for feedback), and done (shipped). Each column on the board is a queue. Work flows left to right. The key innovation is the WIP limit (work in progress): the maximum number of items allowed in each column at the same time. A team might limit 'doing' to 8 items and 'review' to 5.

WIP limits prevent context-switching chaos and create pull-driven work. Without limits, engineers take new tasks whenever they finish one, and backlogs pile up without flowing through review or blocked on dependencies. With limits, when 'doing' is full, no one takes new work until someone moves an item to review, which creates a gentle pressure to complete and ship.

Flow metrics and continuous improvement

Kanban teams track three metrics: throughput (items shipped per week), cycle time (how long an item spends on the board), and flow efficiency (percentage of cycle time spent actually working vs waiting). A healthy team has stable throughput week to week, cycle time below 10 days, and flow efficiency above 60 percent. When any metric degrades, it signals a bottleneck: either WIP limits are too tight, or work is getting blocked.

The discipline of Kanban is that you manage to the metrics, not to the team. If cycle time is growing, you do not tell the team to work faster; you investigate why items are waiting longer. Is review taking too long? Are dependencies blocking work? Are WIP limits too aggressive? Kanban creates the instrumentation to diagnose problems, not just symptoms.

Embed this diagram

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

Frequently asked questions

Where can I get a free animated "Kanban Flow" for my website?
Scrollchart provides "Kanban Flow" 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 add a kanban flow to a finance or business article?
Copy the embed snippet from the Scrollchart page for this diagram and paste it anywhere in your article HTML. It is compatible with WordPress, Webflow, Ghost, Substack, and static HTML pages. No account or API key is needed.