PaceUI

Intro
Agents
Crafts
Charts
Motion
PreviousNext

Financial Performance

A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.

When to use

  • Comparing quarterly and monthly revenue against operating expenses with cursor hover tooltips.
  • Presenting net income margins, gross profitability trends, and budget variances in finance dashboards.
  • Exporting financial summaries or toggling between currency views and date ranges.

When not to use

  • Complex multi-entity balance sheets or detailed ledger reports; use tabular views instead.
  • High-frequency stock or crypto ticker charts with candlestick indicators.

Props

PropTypeDefaultDescription
dataFinancialPerformanceItem[]generateData()Time-series data points with comparative item values and dates.
classNamestring—Optional CSS class name to apply to the root Card.

Data Structure

FieldTypeDescription
datestringISO date string (YYYY-MM-DD) representing each sample along the axis.
item1numberPrimary financial metric value (e.g., revenue) for the date.
item2numberSecondary financial metric value (e.g., expenses) for the date.