JavaScript Sweeping Heatmap Chart

This example shows how to create a sweeping update effect in 2D Heatmap Chart with LightningChart JS.

This is done by using HeatmapGridSeries (static size 2D heatmap) and writing on top of previous heatmap values in sweeping motion.

This behavior is preferred by some users, mostly since the chart gives real-time visualization but at the same time is immobile.

For alternate approach with scrolling data appending, see our scrolling heatmap example.

Scrolling approach is generally encouraged since it interacts much nicer with scrolling Axis ticks, which as can be seen from the scrolling heatmap example - looks really nice with live data!

Performance-wise there is not much difference between the two - both operations are optimized to the maximum!