Mrr Stacked Bars
MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.
MRR movement as stacked bars with new and expansion above zero and contraction and churn below, last 6 months.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Mrr Stacked Bars shows monthly recurring revenue movement as stacked bars over six months, new and expansion rising above the zero line while contraction and churn hang below it. June closes at net new +$4.0k, with expansion of $2.5k and churn of $1.6k making the story legible without a separate table.
The data array has four keys per month and the BarChart uses stackOffset="sign" so positive and negative stacks mirror naturally. The footnote names the distinction that saves the first support question: contraction is downgrades on retained accounts, churn is departures.
Reach for this block on a revenue or billing dashboard, wired to your subscription billing webhook data grouped by movement type. Keep the six months rolling or readers will anchor on a fixed period.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the SaaS revenue waterfall. Other stacked bar charts:
Tip: the zero reference line is load-bearing, remove it and readers lose the positive/negative boundary entirely.