JSFiddle - React, Tailwind, and code Playground

HTML

<script>console.clear()</script>
<script src="http://code.highcharts.local/highcharts.js"></script>
<script src="http://code.highcharts.local/modules/heatmap.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var config = {
  chart: {
    renderTo: "container",
    type: "heatmap"
  },
  plotOptions: {
    heatmap: {
      shadow: true
    }
  },
  series: [
    {
      data: [
        {
          x: 1,
          y: 0,
          value: 10000
        },
        {
          x: 1,
          y: 1,
          value: 0
        }
      ]
    }
  ]
};

new Highcharts.Chart(config);