OpenAlgo Charts

Product Introduction

1. Definition: OpenAlgo Charts is a self-hosted, open-source HTML5 canvas charting library and trading terminal widget designed for financial applications. It is a data-agnostic, from-scratch charting engine, not a wrapper around existing libraries.
2. Core Value Proposition: It exists to provide brokers, exchanges, trading platforms, and financial portals with a production-grade, fully-featured charting stack that is ready to integrate without licensing fees or vendor lock-in. Its primary value is enabling developers to "bring your own market data" and deliver a complete technical analysis and trading experience without building complex charting infrastructure from scratch.

Main Features

1. Dependency-Free Engine: The entire charting surface—including candles, axes, indicators, and drawing tools—is rendered directly onto an HTML5 Canvas with proprietary code. It has zero runtime dependencies (no reliance on libraries like D3.js or Pixi.js), resulting in a lean, controllable, and license-unencumbered codebase under the Apache-2.0 license.
2. Comprehensive Technical Analysis Suite: The library includes 102 built-in technical indicators (moving averages, oscillators, Bollinger Bands®) and 85 drawing tools (Fibonacci retracements, trend lines, annotations). It supports 13 chart types, including Heikin Ashi, Renko, Range, Point & Figure, and Kagi. Advanced market analysis features like order flow footprint charts, volume profile, and Market Profile (TPO) are also included.
3. Integrated Trading Terminal Widget: Beyond passive charting, OpenAlgo Charts provides a full trading terminal UI. This includes interactive order tickets, position lines on the chart, and a depth of market (DOM) ladder. The system supports bar-by-bar historical replay for strategy backtesting and visual analysis, all within a responsive design that functions on desktop and mobile devices.

Problems Solved

1. Pain Point: High cost, licensing complexity, and lack of control associated with commercial financial charting libraries (e.g., TradingView, Lightweight Charts wrappers). It also solves the immense development time and resource cost required to build a reliable, feature-rich charting system in-house.
2. Target Audience: CTOs and development leads at retail brokers, crypto exchanges, and trading platforms; fintech startups building analytics portals; quantitative analysts and algo traders needing embedded charting for backtesting interfaces; and financial data vendors looking to offer enhanced visualization.
3. Use Cases: Integrating a white-label trading chart into a broker's client portal; adding advanced technical analysis and options analytics (Greeks, OI) to a market data website; providing a charting and order placement interface for a proprietary trading platform; embedding a replay-enabled chart for educational content or trade analysis.

Unique Advantages

1. Differentiation: Unlike wrapper libraries that rely on and are limited by underlying engines, OpenAlgo Charts is a complete, independent engine. Unlike many open-source projects, it bundles a trading terminal, not just charts. It is explicitly data-agnostic, requiring only a simple getBars function, making it adaptable to any data source (Indian markets, global equities, crypto, forex).
2. Key Innovation: Its modular, lazy-loaded architecture ensures minimal bundle size. Features like indicators, drawing tools, and the trading ladder are separate modules; a basic candle chart loads only ~76 KB (Brotli). This "load what you draw" philosophy, combined with a pure Canvas implementation, enables high performance on low-bandwidth and mobile devices.

Frequently Asked Questions (FAQ)

1. Is OpenAlgo Charts really free for commercial use? Yes. It is released under the permissive Apache-2.0 open source license, which allows for unrestricted use, modification, and distribution in commercial products without royalty fees, provided the license terms are complied with.
2. What market data feeds does OpenAlgo Charts support? OpenAlgo Charts is data-feed agnostic. It does not provide market data. It works with any data source—be it NSE/BSE, Bloomberg, crypto exchange APIs, or a custom database—as long as you implement the simple getBars and subscribeBars interface to supply it with OHLCV data.
3. Can I use OpenAlgo Charts with React, Angular, or Vue.js? Yes. As a vanilla JavaScript library that renders to a DOM container, it can be integrated into any modern web framework. You would typically initialize the chart within a lifecycle method (like useEffect in React) targeting a div element ref.
4. How does it handle real-time data updates? You implement a subscribeBars method in the feed configuration. This method is called when a symbol is subscribed to, allowing you to connect to your WebSocket or streaming data source and push new bars or updates to the chart via the library's provided callback functions.
5. Does OpenAlgo Charts support custom indicators and studies? Yes. The library provides a documented and supported contract for writing custom indicator plugins. You can extend the built-in set of 102 indicators with your own proprietary calculations, which will integrate seamlessly with the chart's rendering and scaling systems.