heatmap.js Examples

1. heatmap.js
2. Heatmap Examples

Featured Examples

• Heatmap Animation
  Animate your heatmap over time. This example shows you how to create animated heatmaps  *new* Advanced

Basic Examples

• Minimal Configuration Heatmap
  Kickstart example with a minimal heatmap configuration to get you started quickly! Basics
• Point Customization
  Example that demonstrates on-point radius configuration so you can visualize points with different impact radi. Basics

• Get Visitor Heatmaps. No coding required.

  Our awesome partners offer out of the box visitor heatmaps so you don't have to reinvent the wheel! ( plus, there's always a FREE plan to start with!)
  tell me more...
• Fully Customized Heatmap
  Want to create a completely customized heatmap with your own colors?
  This example is what you're looking for! Basics
• Mouse Click Heatmap
  An example utilizing the runtime data manipulation API of heatmap.js to show a dynamic mouse click heatmap. Basics
• Mouse Move Heatmap
  Just like the click heat map example but for mouse movement and clicks
  Basics
• Legend & Tooltip
  Example demonstrating how to add a legend and tooltip with the value of the current mouse position. Jedi Master (jk)

Maps Examples

• Googlemaps Heatmap Layer
  Example showing how to use the Googlemaps Heatmap Layer plugin
• Leaflet Heatmap Layer
  Example showing how to use the Leaflet Heatmap Layer plugin

Other Plugin Examples

• AngularJS Heatmap Directive Example
  This example demonstrates how to use the heatmap directive for AngularJS