Dynamic Colors
Explore an example of a basic Heat.js instance configured to use dynamic colors, making it easy to to setup you map with a single color and range.
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>
<script src="dist/locale/it.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="{ 'dynamicColorRange': { 'enabled': true } }"></div>