JSFiddle - React, Tailwind, and code Playground

by farrukhsubhani

HTML

<script src="https://www.google.com/jsapi"></script>
<div id="demo-wrap">
<div style="background:url(http://i.stack.imgur.com/jGlzr.png) no-repeat center center;">
<div id="chartContainer-01"></div>
</div>
</div>

CSS

#demo-wrap {margin:auto; width:600px; color:#fff;}

JavaScript

google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Spring', 20],
['Summer', 10],
['Autumn', 20],
['Winter', 10]
]);
var options = {'title':'Favourite Season',
'width':600,
'height':300,
'backgroundColor': 'transparent',
'is3D':true
};
var chart = new google.visualization.PieChart(document.getElementById('chartContainer-01'));
chart.draw(data, options);
}