FXExposureHeatmap
stableCurrency pair × business unit exposure matrix. Blue = long, red = short, intensity = magnitude. Row/column totals. Click-to-drill support
import { FXExposureHeatmap } from "@nodus/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
cellsreq | FXExposureCell[] | — | Exposure cells (pair, unit, exposure, notional?) |
pairs | string[] | — | Explicit currency pair order |
units | string[] | — | Explicit business unit order |
title | string | — | Chart title |
asOf | string | — | As-of date string |
currency | string | — | Reporting currency |
domain | number | — | Max absolute exposure for color domain |
cellWidth | number | — | Cell width in pixels (default: 96) |
cellHeight | number | — | Cell height in pixels (default: 40) |
onDrilldown | (cell: FXExposureCell) => void | — | Click handler for cell drilldown |
cellsrequiredType
FXExposureCell[]Default —Exposure cells (pair, unit, exposure, notional?)
pairsType
string[]Default —Explicit currency pair order
unitsType
string[]Default —Explicit business unit order
titleType
stringDefault —Chart title
asOfType
stringDefault —As-of date string
currencyType
stringDefault —Reporting currency
domainType
numberDefault —Max absolute exposure for color domain
cellWidthType
numberDefault —Cell width in pixels (default: 96)
cellHeightType
numberDefault —Cell height in pixels (default: 40)
onDrilldownType
(cell: FXExposureCell) => voidDefault —Click handler for cell drilldown
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?