Charting Library
What the library is, where to start for each task, and how it fits into your app.
Lumen Charts is a standalone proprietary charting product.
Add interactive financial charts to your web app, powered by your own data. Lumen Charts gives you the browser runtime, chart controls, drawings, indicators and APIs for saving and loading. Your app brings the market data, sign-in and storage.
Choose your path
| I want to… | Start here |
|---|---|
| Show my first chart | Your first chart |
| Use React, Vue or Nuxt | Lifecycle and frameworks |
| Feed in historical and live prices | Datafeed contract |
| Match my product's look | Themes and UI |
| Save and restore a user's analysis | Saving and loading |
| Add automation or AI-assisted workflows | AI integration |
| Let users trade from the chart | Trading |
| Look up a method or type | API reference |
| Fix something that isn't working | Troubleshooting |
| Try it right now | Examples or the interactive demo |
Get started
You need three things to see a chart: the runtime files on a web server, a container with a real height, and a datafeed. It's fine to begin with sample data and swap in your own service later.
- Get and host the runtime.
- Show your first chart.
- Connect your market data.
- Clean up when the view closes.
- Save layouts.
The demo needs no sign-in. The examples use a fixed sample period in UTC, not live market prices.
How it fits into your app
The widget you create adds an iframe that holds the chart and its controls. Your datafeed sends bars to the chart through callbacks. The public widget and chart APIs give you commands and event subscriptions. Pine, native automation and trading are optional and load from separate assets. Your application supplies AI providers, the broker connection, uploads, account access and other hosted services.
Call the public API once its ready callback fires. Avoid reaching into iframe globals, canvas state or internal model objects; they can change without notice. When the view that hosts the chart goes away, remove the widget.
What's in scope
The runtime supports a focused set of compatible features. The type declarations also include some legacy interfaces, and those are not a promise that the behavior works. The compatibility guide explains how to tell them apart. The runtime does not include a broker connection, an exchange feed or a hosted storage service with sign-in. Trading connects to a broker through an adapter you write.