Ultra-fast, tree-shakeable financial charting library for the browser.

Live Storybook Documentation & Examples

• Ultra-fast canvas rendering — direct 2D canvas drawing, no virtual DOM
• Tiny bundle — core is under 15 KB gzipped; unused chart types tree-shake away
• Tree-shakeable — "sideEffects": false ES module package
• 20 chart types — Candlestick, Line, Area, Bar (OHLC), Baseline, Hollow Candle, Histogram, Heikin-Ashi, Step Line, Colored Line, Colored Mountain, HLC Area, High-Low, Column, Volume Candle, Baseline Delta Mountain, Renko, Kagi, Line Break, Point & Figure
• 30 built-in indicators — SMA, EMA, Bollinger Bands, RSI, MACD, VWAP, Stochastic, ATR, ADX, OBV, Williams %R, Volume, Ichimoku Cloud, Parabolic SAR, Keltner Channel, Donchian Channel, CCI, Pivot Points, Aroon, Awesome Oscillator, Chaikin MF, Coppock, Elder Force, TRIX, Supertrend, VWMA, Choppiness, MFI, ROC, Linear Regression
• Chart-managed indicators — chart.addIndicator('rsi', { source: series }) with auto-compute and auto-pane creation
• Multi-pane layout — indicator panes with draggable dividers and independent price scales
• Interactive HUD — series/indicator management with visibility toggle, settings editor, and remove
• TV-style global HUD collapse — chevron button collapses all indicator rows at once
• Context menu — right-click drawings for Edit/Duplicate/Remove/Z-order; right-click chart for Reset Zoom/Scroll to Latest; right-click indicator pane for Settings/Hide/Remove
• TradingView-compatible plugin system — ISeriesPrimitive / IPanePrimitive interfaces
• Real-time data — series.update(bar) appends or overwrites the last bar in O(1)
• Drawing tools — 16 built-in types (horizontal line, vertical line, trendline, fibonacci, rectangle, text, ray, arrow, channel, ellipse, pitchfork, fib projection, fib arc, fib fan, crossline, measurement); extensible via registerDrawingType()
• Comparison mode — normalise multiple series to percentage change for side-by-side performance comparison
• Heikin-Ashi — chart.addSeries({ type: 'heikin-ashi' }) with automatic OHLC-to-HA transform
• Market sessions — define pre/post-market windows with background highlights; filter bars by session
• Chart state save/restore — exportState() / importState() round-trips the full chart configuration
• Data pagination — series.prependData() + barsInLogicalRange() + subscribeVisibleRangeChange() for infinite-history scrolling
• Event markers — series.setEvents() places interactive earnings/dividend/news markers on bars
• Periodicity model — setPeriodicity() / subscribePeriodicityChange() for interval switching with data-reload hooks
• OHLC aggregation — aggregateOHLC(store, intervalSec) for client-side timeframe resampling
• Auto-fit on load — chart automatically fits all data to the viewport on first paint, filling edge-to-edge with no gaps
• Screenshot export — chart.takeScreenshot() composites all panes to a canvas with the chart's background color, matching the live appearance
• TypeScript-first — full type definitions included

npm install @itssumitrai/fin-charter

import { createChart } from '@itssumitrai/fin-charter';

const chart = createChart(document.getElementById('chart')!, {
  width: 800,
  height: 400,
});

const series = chart.addSeries({ type: 'candlestick' });

series.setData([
  { time: 1700000000, open: 100, high: 110, low: 95,  close: 107 },
  { time: 1700086400, open: 107, high: 115, low: 104, close: 112 },
  { time: 1700172800, open: 112, high: 118, low: 108, close: 109 },
]);

All chart types use the unified addSeries({ type }) API.

How does fin-charter compare to other financial charting libraries with technical indicator support?

Sizes measured via bundlephobia (minified + gzipped). Only libraries with at least some financial charting capability are included. fin-charter's full bundle includes all 20 chart types and 30 indicators.

All documentation is available in the Live Storybook:

• Getting Started
• API Reference
• Indicators & Custom Indicators
• Drawing Tools
• Data Integration & Data Feed
• Plugin System
• Performance & WebGL
• CSS Theming
• Accessibility & RTL Support
• Touch Gestures
• And more...

MIT