JSFiddle - React, Tailwind, and code Playground

by tjnicolaides

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" class="healthcare-management-effectiveness" style="min-width: 310px; height: 400px; max-width: 800px; margin: 0 auto"></div>

CSS

.baseball {
    border: 1px solid #ddd;
    padding: 1em;
}

JavaScript

$(function () {
    var philaGenArray = [{
        "firstName": "Nichole",
        "lastName": "Payne",
        "gender": "f",
        "title": "Registered Nurse",
        "region": "Southeast PA",
        "hospital": "Philadelphia General",
        "department": "Emergency",
        "employeeEngagement": 78.04,
        "competencyGap": 4.87,
        "patientSatisfaction": 80.90,
        "trainingTime": 37.10
    }, {
        "firstName": "Declan",
        "lastName": "Dean",
        "gender": "m",
        "title": "Registered Nurse",
        "region": "Southeast PA",
        "hospital": "Philadelphia General",
        "department": "Geriatrics",
        "employeeEngagement": 80.40,
        "competencyGap": 5.56,
        "patientSatisfaction": 80.88,
        "trainingTime": 37.99
    }, {
        "firstName": "Desiree",
        "lastName": "Porter",
        "gender": "f",
        "title": "Sr. Registered Nurse",
        "region": "Southeast PA",
        "hospital": "Philadelphia General",
        "department": "Geriatrics",
        "employeeEngagement": 77.00,
        "competencyGap": 3.80,
        "patientSatisfaction": 78.67,
        "trainingTime": 38.46
    }, {
        "firstName": "Hiroko",
        "lastName": "Camacho",
        "gender": "f",
        "title": "Registered Nurse",
        "region": "Southeast PA",
        "hospital": "Philadelphia General",
        "department": "Geriatrics",
        "employeeEngagement": 80.70,
        "competencyGap": 5.86,
        "patientSatisfaction": 79.01,
        "trainingTime": 42.28
    }, {
        "firstName": "Brock",
        "lastName": "Crosby",
        "gender": "m",
        "title": "Sr. Registered Nurse",
        "region": "Southeast PA",
        "hospital": "Philadelphia General",
        "department": "Geriatrics",
        "employeeEngagement": 76.58,
        "competencyGap": 4.30,
        "patientSatisfaction": 81.02,
        "trainingTime": 42.03
    }, {
        "firstName": "Bethany",
       ...