PaceUI

Intro
Agents
Crafts
Charts
Motion
PreviousNext

Channel Sales

A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.

When to use

  • Showing percentage distribution of sales across marketing channels (Organic, Paid, Direct, Social, Referral).
  • E-commerce and customer acquisition overviews needing compact donut pie charts with central summary totals.
  • Compact side-panel analytics cards with colored channel indicator legends.

When not to use

  • Time-series progression where channel growth over weeks or months must be plotted.
  • Datasets with more than 6–7 categories where pie chart slices become unreadable.

Props

PropTypeDefaultDescription
dataChannelSalesItem[]chartDataArray of channel sales items with channel title, visitor count, and fill color.
classNamestring—Optional CSS class name to apply to the root Card.

Data Structure

FieldTypeDescription
titlestringDisplay name of the sales channel (e.g., Direct, Social, Organic).
visitorsnumberTotal monetary sales or visitor volume attributed to the channel.
fillstringSemantic theme CSS variable token assigned to the slice.