JSFiddle - React, Tailwind, and code Playground

by Anna Boone

HTML

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

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

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Infant mortality rates by state (in 2012)'
        },
        subtitle: {
            text: 'Source: Center for Disease Control'
        },
        xAxis: {
            categories: [
                'Alabama',
                'Mississippi',
                'South Dakota',
                'Louisiana',
                'South Carolina',
                'Delaware',
                'Oklahoma',
                'Ohio',
                'North Carolina',
                'Tennessee',
                'West Virginia',
                'Kentucky',
                'Arkansas',
                'Pennsylvania',
                'Michigan',
                'New Mexico',
                'Maine',
                'Indiana',
                'Missouri',
                'Rhode Island',
                'Illinois',
                'Maryland',
                'Virginia',
                'Kansas',
                'Georgia',
                'North Dakota',
                'Florida',
                'Montana',
                'Arizona',
                'Texas',
                'Wisconsin',
                'Idaho',
                'Oregon',
                'Iowa',
                'Washington',
                'Alaska',
                'Connecticut',
                'Wyoming',
                'Minnesota',
                'New York',
                'Hawaii',
                'Utah',
                'Nevada',
                'Nebraska',
                'Colorado',
                'California',
                'New Jersey',
                'Vermont',
                'Massachusetts',
                'New Hampshire'
            ],
            crosshair: true
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Infant mortality rate'
            }
        },
        tooltip: {
            headerFormat: '<span...