JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="visualization" style="width: 900px; height: 500px;"></div>

JavaScript

google.load("visualization", "1", {
    packages: ["corechart"]
});
google.setOnLoadCallback(drawVisualization);

function drawVisualization() {
    // Create and populate the data table.
    var data = google.visualization.arrayToDataTable([
        ['Year', 'Austria', 'Belgium', 'Czech Republic'],
        ['2006', 1600652, 4604684, 940478],
        ['2007', 1968113, 4013653, 1037079],
        ['2008', 1901067, 6792087, 1037327]
        ]);
    
    // Create and draw the visualization.
    new google.visualization.ColumnChart(document.getElementById('visualization')).
    draw(data, {
        title: "Yearly Coffee Consumption by Country",
        width: 600,
        height: 400,
        hAxis: {
            title: "Year"
        },
        legend: { position: 'bottom', maxLines: 1, border: {width: 8,color: "grey",	dashType: "solid"},padding: (45, -5, 0, 45),margin: 25,position: "bottom",strokeWidth: 0.2,strokeSize: 0.5},
        backgroundColor: {
          	stroke:null,
            strokeWidth: '1'
        }
    });
}