Tutorials

First steps

We prepared several tutorials and guides that will walk you through the basics.

Run the library

Learn how to start using the library and run it locally

Enable debug mode

Learn how to enable logs when connecting data and implementing trading features

Connect data

Implement Datafeed API and connect real‑time data streaming

Further steps

Once you've mastered the basics, dive into more advanced topics and explore specific features with these tutorials and guides.

Create custom indicator

Implement an indicator that displays a Simple Moving Average and Smoothing Line

Create custom page

Learn how to create custom page in the Account Manager with dynamic data updates

Create custom buttons

Learn how to add a custom button to the top toolbar of the chart

Framework integrations

We have a collection of integration examples for frameworks commonly used with Advanced Charts and Trading Platform. The sections below link to GitHub pages where you can learn more about library integrations.

Android WebView

Angular

iOS WKWebView

Swift version

Next.js

Up to version 13

Next.js

Starting from version 13

Nuxt.js

Up to version 2.x

Nuxt.js

Starting from version 3.x

React Native

React and JavaScript

React and TypeScript

Ruby on Rails

SvelteKit

Vue.js

Version 2

Vue.js

Version 3

Interactive examples

Explore our CodePen account that hosts interactive examples to learn and experiment with different features in just a few clicks. The examples can help you elevate your understanding of both Advanced Charts and Trading Platform.

View examples on CodePen