CashForecastChart

stable

13-week rolling cash forecast with confidence-band bar chart

Finance/Storybook ↗

import { CashForecastChart } from "@nodus/design-system/finance"

Loading demo…

Props

Prop	Type	Default	Description
`label`req	`string`	—	Entity label
`weeks`req	`ForecastWeek[]`	—	Weekly forecast data (up to 13 weeks)
`method`	`ForecastMethod`	—	Forecast method (direct/indirect/hybrid)
`currency`	`string`	—	Base currency (default USD)
`generatedAt`	`string`	—	Forecast generation timestamp

labelrequired

Type stringDefault —

Entity label

weeksrequired

Type ForecastWeek[]Default —

Weekly forecast data (up to 13 weeks)

method

Type ForecastMethodDefault —

Forecast method (direct/indirect/hybrid)

currency

Type stringDefault —

Base currency (default USD)

generatedAt

Type stringDefault —

Forecast generation timestamp

Metadatasemantic type border surface outcome motion

MobileStacks / Scroll

Chart requires min 300px. Wrap in overflow-x-auto.

Design Rationale

This component was designed to express:

View all principles →

Explore Related

PositionSummary→

Aggregated position card showing balance, period change, and severity

Formatted number display with tabular alignment for financial tables

Inline SVG micro-chart for trend visualization in table cells

Was this helpful?