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:

Minimal Heatmap instance Configurationvar heatmapinstance = H337.create ({  //Only container are required, the rest W Ill be defaults  container:document.querySelector ('. heatmap ')});//now generate some random datavar points = [];var ma x = 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 Formatvar data = {   Max:max,   data:points};//If you had a set of datapoints always use Setdat A instead of adddata//for data initializationheatmapinstance.setdata (data);

　　

Related articles that may be of interest to you

• Web development in a very practical 10 effects "source Download"
• Carefully selected excellent jquery Ajax page plug-ins and tutorials
• 12 Amazing ideas for 404 error page Design
• Let the website Move! 12 Excellent jQuery animation plugins
• Stunning 8 x HTML5 & JavaScript Effects

This article link: heatmap.js v2.0– most powerful Web dynamic thermal map

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

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