<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="piechart" style="width: 500px; height: 500px;"></div>
   
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {


        var data = google.visualization.arrayToDataTable([
          ['Categories', 'Hours per Day'],
          ['Category 1', 300+Math.random()*300],
          ['Category 2', 300+Math.random()*300],
          ['Category 3', 300+Math.random()*300],
          ['Category 4', 300+Math.random()*300],
          ['Category 5', 300+Math.random()*300],
          ['Category 6', 300+Math.random()*300]
        ]);

        var options = {
          colors:["#ff3300","#ff9933", "#ffcc00","#ff8800", "#99ff33", "#009900"],
          legend:"none"
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

        chart.draw(data, options);
      }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.