JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/treemap.js"></script>

<div id="container" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    // Create the chart
    $('#container').highcharts({
				chart: {
        	type: 'treemap'
        },

        data: {
        		firstRowAsNames: false,
            googleSpreadsheetKey: '1Q7Y5FemTZY0Q0Q5F1WiG51aOdrBiLyRsKMMCo66JcQU',
            seriesMapping: [{
              value: 1,
              id: 2,
              parent: 3,
              color: 4
            }]
        },
        
        plotOptions: {
        	series: {
          	allowDrillToNode: true
          }
        }

    });
});