JSFiddle - React, Tailwind, and code Playground

by Eskel

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>

<div id="container" style="min-width: 310px; max-width: 600px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    // Create the chart
    $('#container').highcharts({

        title: {
            text: 'Highcharts data from Google Spreadsheets'
        },

        data: {
            googleSpreadsheetKey: '1cnYeuWIEWj-TdTYBEi73OhpOQoQzzDtlxVQeLh9j0bA',
            googleSpreadsheetWorksheet: 1
        }

    });
});