Skip to main content
Version: 5.1.0

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 lc = lightningChart({ license: 'my-license-key' })
const chart = lc.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:

Acquiring a license

As you can see in the above example, to use LightningChart JS you need a license key. This can be a trial key, developer key or a deployment key.

Regardless whether you are just trying LightningChart out, making a proof of concept or developing a LC based product, you can find your path to a suitable license key here.

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

Guides and documentation

Full list of included features can be found under Features. This also includes guides with code snippets for all important capabilities of different features (e.g. "how to make 2D line chart").

Additional guides, which are not limited to any specific library feature can be found under More guides

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.

Installation

How to install LCJS

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


In the case you didn't find what you were looking for, please do not hesitate to get in direct contact with us OR try using the search box in the top right corner, and look for your key word (e.g. "Theme").