Heatmap.js– 最強大 Web 動態熱圖

Heatmap 是用來呈現一定區域內的統計度量，最常見的網站訪問熱力圖就是以特殊高亮的形式顯示訪客熱衷的頁面區域和訪客所在的地理區域的圖示。Heatmap.js 這個 JavaScript 庫可以實現各種動態熱力圖的網頁，幫助您研究和視覺化使用者的行為。

Heatmap.js V2.0 是目前網路上最先進的熱圖視覺化庫。新的2.0版本 Heatmap.js 更快，擁有更強的渲染模組，使用更方便，因此您可以快速掌握和擴充套件自定義功能。
 

外掛下載     效果演示

下面是一個簡單的呼叫示例：

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