TradingView JS API Integration Tutorial: Introduction

This series is a work in progress, and I will be finishing this guide, covering more TradingView features, as well as enhancing the existing posts. I hope to make this process easier for everyone, so your feedback is greatly welcomed!

TradingView is the most popular tool for Crypto Charting, many exchanges and sites integrate their free Charting Library to provide a powerful charting interface that traders are familiar with.

However, the process of getting up and running with the charting library is confusing and poorly documented. This is evidenced by the large number of similar issues submitted to the project.

My goal with this tutorial series is to show you how I went about setting this up myself, using CryptoCompare as a free source of price data.

  • Part 1 focuses on setting up the Chart widget, introducing you to the TradingView JS API, and setting up a static chart.
  • Part 2 expands on part 1 and implements realtime updates to the chart data using websockets

Before you begin

The charting library, although available for free for both commercial and public use, is a private github project which you must apply for access to.

In the tutorial, I do not provide you with the charting library files, because their license agreement prohibits me from doing so 😭😭

To actually implement this tutorial yourself, you will need to apply for access to the Charting Library, and then copy it into the /public/ directory within the project.

In the meantime, feel free to follow along to learn about what is involved. Sadly, even the documentation is only available to those who have access to the Charting Library github repo. You will see a 404 if you’re not authorized

Where’s the Code?

You can checkout the repo for all steps of this tutorial here:

Javascript Developer