Financial Waterfall

Revenue breakdown waterfall showing income, costs, taxes, and net profit.

P&L Breakdown
RevenueCOGSGross ProfitOperatingTaxNet Income0200400600800

Code

example.tsx
import { WaterfallChart } from "@chartts/react"

export function FinancialWaterfall() {
  return (
    <WaterfallChart
      data={plData}
      x="category"
      y="amount"
      total="isTotal"
      className="h-96"
    />
  )
}