Highcharts Demo

author(s): Torstein Hønsi

by Umair Rafiq

HTML

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

<div id="container" style="width:100%; height:400px;"></div>

CSS

#container {
    height: 400px;
    max-width: 800px;
    margin: 0 auto;
}

JavaScript

// Parse the provided JSON data
    var jsonData = {
        "data": [
            {"end": "2024-02-19T00:00:00.000Z", "start": "2024-02-18T00:00:00.000Z", "tweet_count": 97018},
            {"end": "2024-02-20T00:00:00.000Z", "start": "2024-02-19T00:00:00.000Z", "tweet_count": 112008},
            {"end": "2024-02-21T00:00:00.000Z", "start": "2024-02-20T00:00:00.000Z", "tweet_count": 104087},
            {"end": "2024-02-22T00:00:00.000Z", "start": "2024-02-21T00:00:00.000Z", "tweet_count": 93355},
            {"end": "2024-02-23T00:00:00.000Z", "start": "2024-02-22T00:00:00.000Z", "tweet_count": 161172},
            {"end": "2024-02-24T00:00:00.000Z", "start": "2024-02-23T00:00:00.000Z", "tweet_count": 83610},
            {"end": "2024-02-25T00:00:00.000Z", "start": "2024-02-24T00:00:00.000Z", "tweet_count": 39094},
            {"end": "2024-02-26T00:00:00.000Z", "start": "2024-02-25T00:00:00.000Z", "tweet_count": 37035},
            {"end": "2024-02-27T00:00:00.000Z", "start": "2024-02-26T00:00:00.000Z", "tweet_count": 28661},
            {"end": "2024-02-28T00:00:00.000Z", "start": "2024-02-27T00:00:00.000Z", "tweet_count": 52530},
            {"end": "2024-02-29T00:00:00.000Z", "start": "2024-02-28T00:00:00.000Z", "tweet_count": 75130},
            {"end": "2024-03-01T00:00:00.000Z", "start": "2024-02-29T00:00:00.000Z", "tweet_count": 59489},
            {"end": "2024-03-02T00:00:00.000Z", "start": "2024-03-01T00:00:00.000Z", "tweet_count": 48497},
            {"end": "2024-03-03T00:00:00.000Z", "start": "2024-03-02T00:00:00.000Z", "tweet_count": 47347},
            {"end": "2024-03-04T00:00:00.000Z", "start": "2024-03-03T00:00:00.000Z", "tweet_count": 62489},
            {"end": "2024-03-05T00:00:00.000Z", "start": "2024-03-04T00:00:00.000Z", "tweet_count": 36924},
            {"end": "2024-03-06T00:00:00.000Z", "start": "2024-03-05T00:00:00.000Z", "tweet_count": 38516},
            {"end": "2024-03-07T00:00:00.000Z", "start": "2024-03-06T00:00:00.000Z",...