Heatmap.js v2.0– 's most powerful Web dynamic thermal map

Heatmap is used to render statistical measurements within a certain area, and the most common form of Web Access is to display a special highlight of the page area that the visitor is passionate about and the map of the visitor's geographic area. Heatmap.js this JavaScript Library enables you to explore and visualize the behavior of your users by implementing a variety of Web pages for dynamic heat attempts.

Heatmap.js V2.0 is currently the most advanced thermal map visualization library on the network. The new 2.0 version heatmap.js faster, has a stronger rendering module, and is easier to use, so you can quickly master and extend your custom features.

Plugin Download Effect Demo

Here is an example of a simple invocation:

12345678910111213141516171819202122232425262728293031

// minimal heatmap instance configurationvarheatmapInstance = h337.create({  // only container is required, the rest will be defaults  container: document.querySelector(‘.heatmap‘)});// now generate some random datavarpoints = [];varmax = 0;var width = 840;varheight = 400;varlen = 200;while(len--) {  varval = Math.floor(Math.random()*100);  max = Math.max(max, val);  varpoint = {    x: Math.floor(Math.random()*width),    y: Math.floor(Math.random()*height),    value: val  };  points.push(point);}// heatmap data formatvar data = {  max: max,  data: points};// if you have a set of datapoints always use setData instead of addData// for data initializationheatmapInstance.setData(data);

Heatmap.js v2.0– 's most powerful Web dynamic thermal map