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