JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 800px;
    margin: 1em auto;
}

JavaScript

var options = {  
   "chart":{  
      "type":"pie",
      "events":{  

      }
   },
   "tooltip":{  
      "enabled":false
   },
   "colors":[  
      "rgb(25,51,154)",
      "rgb(35,138,201)",
      "rgb(77,213,255)",
      "rgb(255,255,255)",
      "rgb(168,168,168)",
      "rgb(25,51,154)",
      "rgb(35,138,201)",
      "rgb(77,213,255)",
      "rgb(255,255,255)",
      "rgb(168,168,168)"
   ],
   "series":[  
      {  
         "data":[  
            {  
               "name":"CPU ",
               "y":0.23765418925263562,
               "catName":"Performance",
               "withinProp":0.4479485116653258,
               "color":"rgb(25,51,154)"
            },
            {  
               "name":"RAM ",
               "y":0.20069145076614453,
               "catName":"Performance",
               "withinProp":0.37827835880933225,
               "color":"rgb(25,51,154)"
            },
            {  
               "name":"Other",
               "y":0.09219343548593624,
               "catName":"Performance",
               "withinProp":0.1737731295253419,
               "color":"rgb(25,51,154)"
            },
            {  
               "name":"GEN ",
               "y":0.22907507789491655,
               "catName":"Voice Control",
               "withinProp":0.8088922381311228,
               "color":"rgb(35,138,201)"
            },
            {  
               "name":"Voice ",
               "y":0.05412096120192923,
               "catName":"Voice Control",
               "withinProp":0.19110776186887718,
               "color":"rgb(35,138,201)"
            },
            {  
               "name":"Color ",
               "y":0.12352213069273123,
               "catName":"Design",
               "withinProp":0.3605332004484864,
               "color":"rgb(77,213,255)"
            },
            {  
               "name":"Material ",
               "y":0.0929617141149857,
               "catName":"Design",
              ...