JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="plot1" style="width:600px;height:500px;"></div>
<div id="plot2" style="width:600px;height:500px;"></div>

JavaScript

var z = [];
for (var x = 0; x < 2000; x++) {
	var row = [];
	for (var y = 0; y < 1200; y++) {
  	row.push(Math.random());
  }
  z.push(row);
}

Plotly.plot(document.getElementById('plot1'), [{
	  type: 'heatmapgl',
    z: z
    }]);
    
Plotly.plot(document.getElementById('plot2'), [{
	  type: 'heatmap',
    z: z
    }]);