Charts

Multi-series SVG line chart for time-series and trend data — cash forecasts, FX history, AI confidence trends

Filled area chart for cumulative and stacked treasury data — liquidity buffers, stacked funding sources

Side-by-side grouped bar chart for categorical comparison — budget vs. actual, entity-by-entity cash

Bidirectional bar chart from zero — FX net positions, budget variance, tornado sensitivity analysis

Two-dimensional scatter plot for correlation and distribution — risk vs. return, exposure vs. limit

Cash flow waterfall with opening balance, incremental flows, and closing balance

Squarified treemap for hierarchical proportion — portfolio allocation, currency exposure breakdown

Sankey flow diagram for cash flow attribution — inflow sources, intercompany netting, liquidity cascade

D3-powered sunburst chart for hierarchical allocation data — fund decomposition, portfolio sector breakdown, budget hierarchy

D3-powered circle packing chart for hierarchical allocation — portfolio → fund → position drill-down, budget decomposition, counterparty exposure tiers

D3-powered force-directed graph for counterparty networks — entity relationships, exposure connections, banking relationships

D3-powered chord diagram for cross-entity treasury flows — intercompany transfers, currency exposure mapping, bilateral netting

D3-powered horizon chart for dense multi-series time-series — FX rate monitoring, cash position tracking, 10+ simultaneous series in compact lanes

D3-powered streamgraph with wiggle offset for AUM composition over time — organic flow aesthetic for multi-category stacked area visualization

D3-powered bump chart for rank changes over time — fund performance rankings, counterparty ranking shifts, quarterly peer comparison

D3-powered radial bar chart for comparative metrics in circular layout — KPI comparison, limit utilization gauges, multi-metric overview

D3-powered box/violin plot for risk distribution visualization — VaR distributions, return spreads, yield curve analysis, stress-test scenarios

D3-powered parallel coordinates for multi-factor analysis — instrument comparison across rate, duration, credit, liquidity with interactive axis brushing

D3-powered 2D contour density chart for return distribution — bimodal clusters, alpha factor scatter, risk-return frontiers, option payoff density

Two-dimensional risk heatmap grid with severity-colored cells

Multi-factor exposure heatmap across time periods with threshold-based coloring

Currency pair × business unit exposure matrix. Blue = long, red = short, intensity = magnitude. Row/column totals. Click-to-drill support

Strike × tenor implied volatility heatmap with 5-stop vol ramp, contour borders, and hover tooltip showing exact IV%

D3-powered choropleth map for geographic exposure visualization — regional treasury allocation, counterparty country risk, AUM by geography, FX exposure

GPU-accelerated OHLC candlestick chart via WebGL2 (fallback WebGL1). Renders 50k+ candles at 60fps. Hardware-accelerated zoom/pan, crosshair tooltip, bull/bear coloring from DS semantic tokens.

GPU-accelerated order book depth visualization. Bid (temporal blue) and ask (agency red) cumulative depth curves as filled triangle-strip areas with smooth line borders. Animates live via rAF.

GPU-accelerated price-at-volume histogram. Two color modes: 'heat' (5-stop vol intensity ramp from dataviz tokens) and 'delta' (buy/sell stacked bars). POC label. Real-time updates via DYNAMIC_DRAW.

GPU-accelerated order flow tape — trades as circular GL_POINTS on a price-over-time scatter. Dot radius scales with quantity. Buy = outcome-positive green, sell = agency red. Ring buffer for real-time streams (default 2000 trades).

Par, spot (zero), and forward yield curve viewer with inversion detection and tenor labels

VaR backtesting chart with P&L bars vs. VaR forecast line; breach count and color-coded exceptions

Portfolio vs. benchmark cumulative return comparison with excess return (alpha) display

Stacked bar chart showing debt maturities by period and instrument type for funding dashboards

Diverging horizontal bar chart of FX forward positions by tenor (ON/TN/1W/1M/3M/6M/1Y). Long bars right in green, short bars left in red, with net position labels

Portfolio maturity distribution with bar chart and bucket details including count, amount, yield

Capital structure waterfall from senior secured to equity with seniority color coding and proportion bars

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

Inline SVG micro-chart for trend visualization in table cells

Inline proportional bar for ratio visualization in table cells

Regulatory compliance ratio bar with threshold marker — visualizes LCR, NSFR, leverage ratios against minimum requirements

Directional trend indicator with semantic coloring — shows up/down/flat movement with optional percentage value

Receivables aging visualization with bucket bars, overdue percentage, and amount breakdown

Recharts-compatible tooltip that distinguishes user-selected vs. agent-highlighted data points with semantic color treatment

Persistent inline chart marker for agent-noted anomalies, threshold crossings, or notable observations with semantic color coding

Overlay control strip for comparing two periods, entities, or scenarios with A/B labeling and delta display

Responsive wrapper that renders a full chart at desktop (≥768px) and collapses to a compact metric card with sparkline at mobile (<768px)

Shared infrastructure for GPU-accelerated charts — CSS token bridge (CSS custom property → WebGL RGBA uniform), animation frame scheduler, and WebGL context factory. Wrap once at dashboard level.