JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<div class="htmap" id="heatCanvas"></div>

CSS

.htmap {
  position: absolute;
  height: "100em";
  width: "100em";
  background-color: red;
}

JavaScript

var heatmap = h337.create({
  container: document.getElementById("heatCanvas")
});

heatmap.setData({
  max: 5,
  data: [{ x: 10, y: 15, value: 5}, ...]
});