candlekit/charts

The orchestration layer lightweight-charts leaves out — drawing tools, indicators, measurement, and deterministic replay — in one tree-shakeable, framework-agnostic package.

GitHub → npm MIT TypeScript React-optional
▶ Open the workspace

One unified workspace. Every pane is a full chart — drawing tools, indicators, measurement and bar-by-bar replay attached to the pane. Split, resize and sync more chart panes via FlexLayout.

Multi-pane workspace: adding a chart from the panel menu, resizing the split, then dropping in a bar-by-bar replay pane and playing the session
▸ Unified workspace — add panes · resize · replay
 Drawing a trendline, rectangle and Fibonacci retracement on a candlestick chart
▸ Drawing tools — trendline · rectangle · fib · ruler
 Toggling Bollinger Bands, MACD, SMA and Stochastic indicators
▸ Indicators — Bollinger · MACD · SMA · RSI
 Deterministic bar-by-bar replay streaming candlesticks
▸ Replay — deterministic bar-by-bar scrub

Focused examples

Smaller, single-purpose apps — each isolates one part of the API.

▸ Vanilla JS
ChartController, series types (candles / line / area / volume), theme toggle. No framework.
▸ React
<ChartView> with series + timeframe + theme controls via the optional React bindings.
▸ Indicators
Built-in catalog — SMA, EMA, Bollinger, RSI, MACD, ATR, Stochastic — in a dropdown picker.
▸ Drawing tools
Trendlines, rays, rectangles, fib + the measurement ruler. Drag, select, persist.
▸ Replay
Deterministic bar-by-bar replay with play / pause / speed / scrub controls.

Quick start

# one peer dependency — no git URLs, no copyleft
npm install @getcandlekit/charts lightweight-charts