open-financial-charts — advanced financial charts for React

Open-source (AGPL-3.0) React charting component for trading UIs. Candlesticks and more than 30 chart types (hollow candles, bars, area, baseline, histogram, HLC, Heikin Ashi, Renko, Kagi, Point & Figure), more than 100 technical studies (moving averages, Bollinger Bands, MACD, VWAP, oscillators, volume profiles, pivots, signal systems), drawing tools, built-in themes plus a custom theme builder, live streaming ticks, and a built-in script editor powered by the theta-script language.

The chart is driven entirely by a data feed you provide: implement one small DataFeed interface (a single fetchOHLC method returning date/open/high/low/close/volume bars) and it works with any market-data API. An optional PriceSocket interface adds live tick streaming.

Install with npm install open-financial-charts, then render the AdvancedChart React component with your feed. Every menu, tool, and default is controlled by a single config prop.

This page is a live demo running on simulated market data — no API key required. See the GitHub repository for full documentation, the npm package, and the theta-script language docs.