Yearly Statistics

Explore a simple example of a basic Heat.js instance configured to show the 'Yearly Statistics' in the layout.

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="{ 'yearlyStatistics': { 'enabled': true } }"></div>

Result