TradingView JS API Integration Tutorial: Introduction

Jon Church
Jun 8, 2018 · 2 min read

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:

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade