FXExposureHeatmap
Currency 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"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 |
cellsrequiredFXExposureCell[]Default —Exposure cells (pair, unit, exposure, notional?)
pairsstring[]Default —Explicit currency pair order
unitsstring[]Default —Explicit business unit order
titlestringDefault —Chart title
asOfstringDefault —As-of date string
currencystringDefault —Reporting currency
domainnumberDefault —Max absolute exposure for color domain
cellWidthnumberDefault —Cell width in pixels (default: 96)
cellHeightnumberDefault —Cell height in pixels (default: 40)
onDrilldown(cell: FXExposureCell) => voidDefault —Click handler for cell drilldown
This component was designed to express:
Explore Related
Token-native SVG cell-matrix heatmap with sequential (red/blue/neutral) and diverging color scales from DS dataviz tokens — correlation matrices, factor exposure grids, settlement timing, risk concentration
Two-dimensional risk heatmap grid with severity-colored cells
Multi-factor exposure heatmap across time periods with threshold-based coloring