Skip to main content
Version: 4.2.1

Getting started

LightningChart JS is a library for creating interactive and impressive data visualization applications with top performance.

With LightningChart, developers can utilize high level components to embed extremely performant graphs into their frontend applications with minimal work.

LightningChart JS can be installed via NPM or CDN service like jsdelivr.

npm i @arction/lcjs
<script src="https://cdn.jsdelivr.net/npm/@arction/[email protected]/dist/lcjs.iife.js"></script>

Here's how it looks in action:

import { lightningChart } from "@arction/lcjs";
// ... or with IIFE:
// const { lightningChart } = lcjs;

const chart = lightningChart().ChartXY();
chart
  .addLineSeries({ dataPattern: { pattern: "ProgressiveX" } })
  .add(dataSet) // { x: number, y: number }[]

By default, LightningCharts are completely interactive. Try zooming, panning and using the cursor in the above chart.

Apart from the modern looks and interactivity, what makes LightningChart special from other JavaScript charts is its performance. LightningChart is incredibly fast at loading large data sets, redrawing the charts upon interaction and handling streaming data. Behind the scenes, LightningChart utilizes the clients GPU to offload heavy graphics work required for data visualization, leading to extremely low CPU utilization when compared to other JavaScript chart libraries. Learn more about performance.

LightningChart comes shipped with complete type definitions, which makes application integration a breeze especially when developing with TypeScript.

We invite you to learn more about LightningChart. Below you can find some useful materials:

Find our online interactive examples gallery, where you can find functional examples along with the source code and live editor.

Technical information​

Explore key details about performance, technical details and security concerns here.

Trialing​

When trialing LightningChart JS, please see Trials and Integration section to learn of your rights, terms of use, as well as special privileges during the trial period.

Installation and guides​

Explore how to use LightningChart JS in the most popular web UI frameworks out there.

Apart from these highlighted topics, the documentation contains much more... In the case you didn't find what you were looking for, please do not hesitate to get in direct contact with us!