JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

$(function () {
    
        var colors = Highcharts.getOptions().colors,
            categories = ['MSIE', 'Firefox', 'Chrome', 'Safari', 'Opera'],
            name = 'Browser brands',
            data = [{
                    
                    color: colors[0],
                    drilldown: {
                        name: 'Signed Off',
                        categories: ['Complete'],
                        data: [65],
                        color: colors[0]
                    }
                }, {
                  
                    color: colors[1],
                    drilldown: {
                        name: 'Complete',
                        categories: ['Pending'],
                        data: [25],
                        color: colors[1]
                    }
                }, {
                  
                    color: colors[2],
                    drilldown: {
                        name: 'To Do',
                        categories: ['Incomplete'],
                        data: [10],
                        color: colors[2]
                    }
                }    
                ];
    
    
        // Build the data arrays
        var browserData = [];
        var versionsData = [];
        for (var i = 0; i < data.length; i++) {
    
            // add browser data
            browserData.push({
                name: categories[i],
                y: data[i].y,
                color: data[i].color
            });
    
            // add version data
            for (var j = 0; j < data[i].drilldown.data.length; j++) {
                var brightness = 0.2 - (j / data[i].drilldown.data.length) / 5 ;
                versionsData.push({
                    name: data[i].drilldown.categories[j],
                    y: data[i].drilldown.data[j],
                    color: Highcharts.Color(data[i].color).brighten(brightness).get()
                });
            }
        }
    
        // Create the chart
       ...