JavaScript Monitoring Data Grid Heatmap - Editor

Example showcasing use of LightningChart JS Data Grid in a real-time monitoring use case.

This application simulates real-time data coming in at high speed.
Data is then displayed both in a scrolling line chart and a Data Grid.

More specifically, this example highlights the use of Data Grid text and background coloring to highlight the meaning of data. For example, red color may indicate a bad value. Human eye is quite bad at perceiving meaning of trend data (like in line charts), whereas brightly colored indicators can be very fast to understand. However, the use is very case specific.

For more information about LightningChart JS Data Grid, click here