Multi-channel real-time data monitoring JavaScript Chart

Lightning-fast Line Chart visualization over multiple high speed (1000 Hz) trends that progress along the same scrolling Time X Axis.

Widely used in all kinds of fields for monitoring live data from many (hundreds or even thousands) of data sources at the same time.

Frames rendered per second (FPS) is recorded live, and displayed on the chart title. FPS of 40-60 indicates a smooth running performance.

This line chart uses smooth anti-aliased thick lines for the best visual look, which is pretty GPU heavy with high data rates.
For a lighter alternative you can check out a similar line chart with best-performance graphics

Automatic Data Cleaning

One of the most ground breaking features of LightningChart JS is automatic data cleaning.

Because LightningChart JS is designed for real-time data streaming solutions, it is essential that old, out of view data is automatically cleaned in the most performant manner.

In practice, this results in an application where you can even scroll back for some distance and see older data, but if you scroll far enough, you will find that the old data has been cleaned. This allows the application to run forever!

Several times proven performance leader in JS charting

LightningChart is the pioneer group among JavaScript chart providers who started the study of data visualization performance comparison.
This activity is based on open-source applications that test several different charting tools with an identical use case.

During the test, different metrics of performance are measured which indicate how efficiently the data visualization software performs. Common metrics are:

  • Refresh rate (FPS), how rapidly the displayed visualization is updated as times per second.
  • CPU usage (%), how much of available computing resource is utilized.
    • This is very important, because almost entirety of the computing power allocated to browsing a single web page is SHARED between all the content on the web page.
    • In simple terms, if you have a badly performing chart on your web page then it means your whole page will perform bad.
  • Data amount, how much data can be shown. In practice, limitations could be imposed on how long history can be displayed or how precisely the data can be visualized.

Since November 2021, LightningChart JS has dominated all performance tests which have since covered a large set of data visualization use cases in various industries:

  • Static line graphs | These days LightningChart loads far larger data sets and over 50 times faster than your average web chart.

  • Real-time line charts | In the original motivation for its development, LightningChart JS performs over 500000 times more efficiently than the average JS chart - processing tens of thousands more data samples, using 4 times less processing power and refreshing 7 times in the same time others do just once.

  • Heatmap charts | Traditional JS heatmaps can be used to visualize small grids with total of 1000 data points and under. LCJS enables visualization of BILLION large data sets that could cover for example large geographical areas such as entire countries.

Find all the information of open-source LightningChart JS performance studies on our web page!