Charts · Financial

Price, volume, panes

Lightweight Charts behind a LUC adapter: candle colours, crosshair, panes, overlays, range and synchronisation all come from the design system. The consumer never calls createChart, and never receives an engine handle unless it asks for one.

Candlestick with volume and overlays

A price pane, a volume pane, two moving-average overlays and a fullscreen research view.

Candles · volume · overlays

Prepared OHLC, volume and moving averages — no indicator is computed here.

$110,606.39-1.0%

Line and area modes

The same component, the same panes, a different price mark.

Price line

Price area

Multi-pane

Price, volume and a prepared indicator pane. RSI or MACD would arrive the same way: prepared values with reference lines.

Price · volume · realized volatility

Usage

<FinancialChart
  candles={candles}                 // prepared OHLC
  volume={volume}                   // prepared volume, optional direction
  overlays={[{ id: "sma50", label: "SMA 50", data: sma50 }]}
  indicators={[
    { id: "rsi", label: "RSI 14", series: [{ id: "rsi", kind: "line", data: rsi }], referenceLines: [30, 70] },
  ]}
  mode="candlestick"
  range={{ from, to }}              // or null to fit all
  syncGroup="research-stack"
/>