DEV Community

Cover image for Announcing LightningChart JS 8.2: a more powerful JS charting library
Omar Urbano
Omar Urbano

Posted on

Announcing LightningChart JS 8.2: a more powerful JS charting library

What is LightningChart JS?

LightningChart JS is a data visualization library for building high-end JavaScript charting applications in complex scenarios that demand processing data at high performance. This new version 8.2 introduces new features that improve how developers and users interact with the library.

LightningChart-JS

Introducing Linear Gauge Charts

This new linear gauge chart type supports real-time data updates, interpolated and non-interpolated color steps, vertical and horizontal alignments, with the ability to display current values, and custom icons.

LightningChart-JS-8.2-Linear-Gauge-Chart

Render transformations for XY series

LightningChart JS 8.2 introduces a new API that allows arbitrary affine transformations for XY series. What this means is that the user application code can freely transform already existing data by offsetting and/or scaling it.

This operation is extremely efficient and does not require any re-preparation of data. Arbitrary affine transformations are useful for cases like oscilloscopes.

lineSeries.setRenderTransform({
    x: { offset: 0, scaling: 1 },
    y: { offset: 100, scaling: 10 }
})
Enter fullscreen mode Exit fullscreen mode

API for custom tick placement

This feature allows the user to take full control of where the axis ticks are placed within the chart. This API also allows specifying tick positions separately between major & minor tick levels.

axis.setTickStrategy(AxisTickStrategies.Numeric, (strategy) => strategy
    .setCustomTickPlacement((info) => [
        { position: 0 },
        { position: 1000 },
        { position: 2000 },
    ])
)
Enter fullscreen mode Exit fullscreen mode

Introducing LLM training documentation

LightningChart JS 8.2 paid special attention to training reference materials for AI and LLMs. We have seen how LLMs are trying to find their place in software development. However, LLMs are inherently poor at working with specific 3rd party libraries, such as LightningChart JS, because their training data is a mix of new and old versions, and they tend to mix APIs from different libraries. For this purpose, we now manage agent-ready references for using LightningChart JS.

How to use?

Simply load our LLM-optimized documentation files to your project and add a single prompt rule for your agents:

You MUST always use the local files lcjs-docs-llms.txt 
and lcjs-api-llms.txt 
as the only sources of truth for all matters regarding how to use
LightningChart JS library / lcjs
Enter fullscreen mode Exit fullscreen mode

We tested this approach with Claude code (Opus 4.5, Sonnet 4.5). To download these files and read about the latest tips on how to use LightningChart JS with LLMs, visit our dedicated LC JS – AI documentation.

New Chart Examples

In this release, we introduce new chart examples for you to try online:

Scrolling Heatmap Aggregation
LightningChart-JS-8.2-Heatmap-Aggregation

JavaScript 3D Slicer
LightningChart-JS-8.2-3D-LiDAR

Air Quality Route Visualization Dashboard
LightningChart-JS-8.2-3D-Timestamp-Series

Parallel Coordinate Chart Dashboard
LightningChart-JS-8.2-Parallel-Coordinate

Linear Gauge Chart within a Dashboard
LightningChart-JS-8.2-Linear-Gauge-Dashboard

Linear Gauge Chart
LightningChart-JS-8.2-Linear-Gauge-Chart


Get started with LightningChart JS v8.2 today.

LightningChart-JS-8.2

Read the full release note

Written by:
Omar Urbano | Software Engineer & Technical Writer
Send me your questions via LinkedIn

Top comments (0)