PaceUI

Intro

Agents

Crafts

Charts

Customer Growth

A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators.

When to use

Visualizing monthly new customer acquisitions against customer churn with striped bar indicators.
Tracking SaaS retention metrics, net subscriber gains, and account tier expansion.
Executive growth summaries with interactive hover details and net MRR expansion.

When not to use

Simple customer counts without churn or segmentation; use a single bar chart instead.
Real-time user session feeds or live sign-up notifications.

Props

Prop	Type	Default	Description
`data`	`Record<CustomerGrowthRange, CustomerGrowthDataPoint[]> \| CustomerGrowthDataPoint[]`	`datasets`	Time-series customer acquisitions and churn per range or direct array.
`className`	`string`	—	Optional CSS class name to apply to the root Card.

Data Structure

Field	Type	Description
`month`	`string`	Display date or month label along the horizontal axis.
`newSignups`	`number`	Count of newly onboarded customers acquired in this period.
`churned`	`number`	Count of canceled or lost customer accounts in the same period.

Channel Sales Customer Segments