JSFiddle - React, Tailwind, and code Playground

by Rahul Desai

HTML

<html>
    
    <head>
        <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 = google.visualization.arrayToDataTable([
                    ['Game', 'Pts', 'Agt'],
                    [1, 21, 32],
                    [2, 18, 23],
                    [3, 27, 17],
                    [4, 35, 24],
                    [5, 23, 10],
                    [6, 20, 21],
                    [7, 28, 24],
                    [8, 17, 21],
                    [9, 22, 20],
                    [10, 13, 28],
                    [11, 27, 13],
                    [12, 31, 28],
                    [13, 23, 21],
                    [14, 28, 27],
                    [15, 17, 20],
                    [16, 13, 17]
                ]);

                var options = {
                    'focusTarget': 'category',
                        'lineWidth': 0.75,
                        'hAxis': {
                        'color': 'none',
                            'baselineColor': 'none',
                            'textStyle': {
                            'color': '#8C8C8C',
                                'fontName': 'Calibri',
                                'fontSize': 12,
                        },
                    },
                        'vAxis': {
                        'color': 'none',
                            'baselineColor': 'none',
                            'textStyle': {
                            'color': '#8C8C8C',
                                'fontName': 'Calibri',
                                'fontSize': 12,
                        },
                    },
                        'legend': 'none',
                        'curveType': 'function',
                        'legend':...

CSS

svg g g g rect + rect{
    fill: none;
    fill-opacity: 0.5;
    stroke: gray; 
    stroke-width: 1
}
svg g g g circle{
    fill:black;
}
svg g g g circle:hover{
    stroke:yellow;
    stroke-width:1
}