Line View

Explore a simple example of a basic Heat.js instance configured to show the 'Line' view by default.

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="{ 'defaultView': 'line' }"></div>

Result