JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="container" style="width:80%; height:400px; margin:0 auto;">

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'spline'
        },
        title: {
            text: 'Health Data'
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                month: '%b %e',
                year: '%y'
            },
            title: {
                text: 'Date'
            }
        },
        yAxis: {
            title: {
                text: ''
            }
        },
        tooltip: {
            useHTML: true,
            headerFormat: '<span style="font-weight:bold;">{series.name}</span><br />',
            //headerFormat: '<span style="font-weight:bold;">{point.key}</span><br />',
            pointFormat: '{point.x:%l:%M%P, %b %e \'%y}: {point.y:.2f}'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        rangeSelector: {
            enabled: true,
            selected: 5
        },
        series: [{
            name: 'Resting Heart Rate',
            visible: false,
            data: [
                [1375584684000, 68],
                [1378787764000, 88]
            ]
        }, {
            name: 'Active Heart Rate',
            visible: false,
            data: [
                [1375584684000, 86],
                [1378787764000, 91]
            ]
        }, {
            name: 'Temperature',
            visible: false,
            data: [
                [1375584684000, 100.00],
                [1378787764000, 98.00]
            ]
        }, {
            name: 'Systolic Blood Pressure',
            visible: false,
            data: [
                [1375584684000, 123],
                [1378787764000, 119]
            ]
        }, {
            name: 'Diastolic Blood Pressure',
            visible: false,
            data: [
                [1375584684000, 79],
                [1378787764000, 76]
            ]
        },...