Themes

Explore a simple example of a basic Heat.js instance that uses a different theme.

Include Files

Make sure you include the following files:

<link rel="stylesheet" href="dist/heat.js.min.css">
<link rel="stylesheet" href="dist/themes/light/heat.js.light.red.theme.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