热力图也是一种数据可视化,通过热力图可以直观展现数据分布。热力图几年前在网页中应用比较多,现在随着大数据时代的到来,百度地图、高德地图也推出了人群分布热力图,直观反映区域地理位置的人群拥挤情况。

67auim

网页中的热力图通常可以通过以下两方面来指导网页优化、广告位优化:

  1. 页面哪部分更能吸引访问者
  2. 页面哪些非超链接被访问者误认为是超链接而点击

热力图原理

前端JS记录鼠标停留在页面的坐标的数据,并将数据以日志形式存储到服务器中,程序拿到这些数据并进行图形渲染,最后通过设置阀值在页面呈现热力图效果。

参考资源