JSFiddle - React, Tailwind, and code Playground

by Pirate X

HTML

<script src="https://www.gstatic.com/charts/loader.js"></script>

    <div id="gender_chart"></div>

JavaScript

google.charts.load('current', {packages: ['corechart']});
 google.charts.setOnLoadCallback(drawChart);
      function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Group');
        data.addColumn('number', 'Gender');
        data.addRows([
          ['Males', 10],
          ['Females', 5]
        ]);

        var options = {'title':'Gender distribution',
                       'width':300,
                       'height':300};
        var chart = new google.visualization.PieChart(document.getElementById('gender_chart'));
        chart.draw(data, options);
      }