Almost every trading system, trading platform, quantitative trading or retail trading platform or exchange needs to show the price data of financial instruments. By far the most popular chart type for traders is a Candlestick Chart, but there’s a problem.
The problem is that there often seems to be an inverse relationship between the amount of data that traders want to see and the data that they are able to see. That’s not just a charting issue, it’s a profit problem.
Ultimately this issue goes beyond a charting issue to a trading performance issue – if you cannot see what you need to see your decision-making is impaired, and competitive advantage is lost.
Our goal is to become the data visualisation partner of choice to organisations with complex and mission-critical demands.
Our goal is to become the data visualisation partner of choice to organisations with complex and mission-critical demands, and as more and more organisations seek to use Js for delivering mission-critical charting we needed to solve this challenge. Our goal: to make it possible to view a month of 1-minute data, or 3-months, or even a year, or five years.
|Chart Vendor||# Candlesticks*||Equivalent to|
|Chart.js||100||~3 hours of 1-minute bars|
|Plotly.js||1,000||~1 day of 1-minute bars|
|HighCharts||1,000||~1 day of 1-minute bars|
|TradingView||5,000||~3 days of 1-minute bars|
|SciChart.js||>10,000,000**||~20 Years of 1-minute bars|
* Number of Candlesticks before significant slowdown observed: under 20 FPS
** 1 Million candles with SciChart.js v2.0. With v2.1 10 Million or more
SciChart.js: 1-Year of Bitcoin/USDollar Candles
We created a demo to showcase best-in-class performance (drawing/rendering speed) of SciChart.js compared to other Js chart libraries such as HighCharts, Plotly.js, TradingView and Chart.js.
SciChart.js is the only chart library able to draw more than a million candles; permitting datasets hundreds, or even thousands of times larger than what is currently possible.
Here’s the code below:
- Github github.com/ABTSoftware/SciChart.JS.Examples/…/BigDataCandlestickCharts</
- Codesandbox (Run example in your browser) githubbox.com/ABTSoftware/SciChart.JS.Examples/…/BigDataCandlestickCharts
We’ve packaged 1-year of BTC/USD (Bitcoin / Dollar) 1-minute data from 1st Jan 2017 – 31st December 2017 into the demo as a CSV file. Binary would be more efficient, but for the purposes of the demo it’s fine.
The price data is parsed and loaded into SciChart.js, and we add a 50 moving average, 200 moving average and volume bars to the chart. Zoom and pan behaviour is added onto the chart.
Once the chart is loaded, you can zoom right into the dataset and right out using the mouse wheel, or by dragging on the chart. This showcases the performance advantage of SciChart.js.
We’ve built a JS chart library capable of drawing up to 10 Million candles -enough for 20-years of 1-minute stock, forex or crypto (Bitcoin) data. Now your only problem is getting the data into the app (bandwidth) but we suggest to contact us as we have solutions for that too.
If you cannot analyse large datasets in a professional trading environment due to limitations in the chart library itself then we are talking about restricting individual or institutional performance, and as the volume of data grows this issue is simply going to get worse – and performance will suffer.
That’s why we are so proud of what we have done: SciChart.js enables better decisions for traders and institutions. Better decisions, better performance, better results.
Find out more
Start using SciChart.js TodaySciChart.js is now available with a FREE community edition (no trial, sign-up or credit card required) where you can try out the library commercially or use it in a non-commercial application. If you have a question, or would like to give feedback, contact us.