JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi"></script>
<link rel="stylesheet" href="http://invest.khv.gov.ru/assets/application-2034f4d5d3184753c8d5f967047fdd72.css">
    <h1>djkfds</h1><br />
<div id="piechart_3d" style="width: 710px; height: 400px;">&nbsp;</div>

JavaScript

function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Отрасль производства', 'Доля отрасли в производстве'],
          ['Энергетика', 21.9],
          ['Добыча полезных ископаемых', 20.6],
          ['Машиностроительный комплекс',18.1],
          ['Производство пищевых продуктов', 10.3],
          ['Производство нефтепродуктов', 10.6],
          ['Металлургическое производство', 8.7],
          ['Обработка древесины', 2.2],
          ['Химическое производство', 1.8],
          ['Прочие производства', 5.8],
        ]);
            
        var options = {
          width: 710,
          height: 400,
          chartArea: {left:20,top:20,width:"80%",height:"80%"},
          slices: { 2: {offset: 0.1},
                    3: {offset: 0.1},
                    4: {offset: 0.1},
                    5: {offset: 0.1},
                    6: {offset: 0.1},
                    7: {offset: 0.1},
                    1: {offset: 0.1},
                    0: {offset: 0.1},
                    8: {offset: 0.1},
                  },
        tooltip: {text: 'percentage'},
        legend: {position: 'right', alignment: 'center'}
        };
                

            var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
            chart.draw(data, options);                                   
      }        

$(function(){                        
google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
            
             });