JSFiddle - React, Tailwind, and code Playground

HTML

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

    
        <div class='chartHolder'>
        <div class='chartCaption'>
            Chart Title Goes Here
        </div>
        <div id='chartContentPane'></div>
    </div>

CSS

body {
            margin: 0;
            padding: 0;

        }

        .chartHolder {
            height: 335px;
            width: 337px;
            border: 1px solid #AF252A;
        }

        .chartCaption {
            background-color: #AF252A;
            color: white;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            font-family: 'HelveticaNeueLTStd-Bd', Helvetica, Arial, sans-serif;
            font-weight: bold;
            text-align: left;
            padding-left: 5px;
        }

        /* Add a border around the whole thing */
        #chartContentPane {
            width: 100%;
            height: 300px;
        }

JavaScript

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

        function drawVisualization() {
            var data = google.visualization.arrayToDataTable([
                ['Team'   , 'Actual',  { role: 'style'}, 'Target'],
                ['Alpha'  ,    35976,  'color: #F6931D',    90000],
                ['Beta'   ,    40542,  'color: #FDCB2F',   104167],
                ['Gamma'  ,   111227,  'color: #8AC659',   205000],
                ['Delta'  ,   238356,  'color: #32A242',   205000],
                ['Epsilon',   170555,  'color: #3A81C2',   354167]
            ]);

            var formatter = new google.visualization.NumberFormat({
                pattern: 'short'
            });

            formatter.format(data, 1);
            formatter.format(data, 3);

            var view = new google.visualization.DataView(data);
            view.setColumns([
                0,
                1,{
                    calc: 'stringify',
                    sourceColumn: 1,
                    type: 'string',
                    role: 'annotation'},
                2,
                3,{
                    calc: 'stringify',
                    sourceColumn: 3,
                    type: 'string',
                    role: 'annotation' }
                ]);

            var options = {
                title: {position: 'none'},
                orientation: 'vertical',
                animation: {duration : 600, startup: 'true', easing:'out'},
                annotations: {highContrast: 'true'},
                legend: {position: 'none'},
                // theme: 'material',
                chartArea:{top:5, right: 25, width: '70%', height: '90%'},
                hAxis: {format:'short'},
                // vAxis: {textPosition:'in'},
                // bar: {groupWidth: '90%'},
                seriesType: 'bars',
                series: {
                    1: {type: 'bars', color: 'lightgray'}
    ...