JavaScript Chunked Surface Grid Chart
This example showcases how to load a large surface grid chart (several millions and up to billions data points) in small sub sections, instead of one massive interaction.
This is made possible by the partial data invalidation syntax of invalidateHeightMap
method (also possible with intensity data), which allows updating any rectangular sub section of the heatmap without having to update any extra data.
Loading data in chunks is especially great for memory usage, because in web applications loading large data sets into memory comes with the risk of the browser crashing because there is not enough memory available. By separating the process into chunks, applications can work significantly increased reliability.
More Surface Examples
Surface Grid Chart (only Y data) | This example showcases the most simple usage of surface grid series, and also has a bit more detailed description of the related terms.
Intensity Surface Grid Chart | This example showcases how surface grid series can be colored based on a different data set than the height map used in this example.
Real-Time Audio Spectrum Surface Chart | This example showcases using real-time data source with surface series.