Basic Default View

Explore a simple example of a basic Heat.js instance configured with the standard default binding options, demonstrating how to quickly set up and display an interactive heat map.

Include Files

Make sure you include the following files:

<link rel="stylesheet" href="dist/heat.js.min.css">
<script src="dist/heat.min.js"></script>

Create DOM Element

Add a new DOM element to house the Heat.js instance:

<div id="heat-map" id="heat-map" data-heat-js="{}"></div>

Result