JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?crap=end.js"></script>
<div id="visualization"></div>

JavaScript

google.load('visualization', '1', {packages: ['piechart']});  

$(document).ready(function() {
    function drawVisualization(serverData) { 
        var chartData = []; 
        
        for(var i = 0; i < serverData.length; i++) { 
            chartData.push([serverData[i][0], serverData[i][1].v]); 
        } 
        
        var data = new google.visualization.DataTable(); 
        data.addColumn('string', 'WIP'); 
        data.addColumn('number', 'Percentage'); 
        data.addRows(chartData); 
        new google.visualization.PieChart(document.getElementById('visualization')).draw(data, {width: 400, height: 240, is3D:true});      
    } 
    var testData = [ ['h1', {v:10.0}], ['h1', {v:30.0}], ['h1', {v:15.0}] ];
    drawVisualization(testData);
});