JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server"><title></title>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            
            google.load("visualization", "1", { packages: ["corechart"] });
            google.setOnLoadCallback(drawChart);
            function drawChart() {
            var data = new google.visualization.DataTable();
        data.addColumn('string', 'Mad');
        data.addColumn('number', 'Enheder', 'Præsentation');
        data.addRow(['Pizza', { v: 4, f: '4 pizzaslices'}]);
            data.addRow(['Chips', { v: 17, f: '1/3 pose chips'}]);
        data.addRow(['Gulerødder', { v: 3, f: '3 gulerødder'}]);
        data.addRow(['Burger', { v: 2, f: '2 hamburgere'}]);

var options = { title: 'Det jeg spiser',is3D: false,width: 550, height: 550, "width": 550, "height": 500};

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

</script>
    </head>
    <body>
        <form id="form1" runat="server"><div><div id="chart_div" style="width: 500px; height: 550px;"></div></div>
        </form>
    </body>
</html>