JSFiddle - React, Tailwind, and code Playground

by Torstein Hønsi

HTML

<script src="http://codev.highcharts.com/adapters/prototype-adapter.js?2"></script>
<script src="http://codev.highcharts.com/highcharts.js"></script>
<div id='container'></div>

JavaScript

new Highcharts.Chart({
    "chart": {
        "defaultSeriesType": "areaspline",
        "renderTo": "container",
        height: 200
    },
    "series": [{
        "data": [{
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "08 January"},
    {
        "data": [{
            "y": 1},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "15 January"},
    {
        "data": [{
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "29 January"},
    {
        "data": [{
            "y": 0},
        {
            "y": 1},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "15 April"},
    {
        "data": [{
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "29 April"},
    {
        "data": [{
            "y": 0},
        {
            "y": 1},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0},
        {
            "y": 0}],
        "name": "17 June"},
    {
        "data": [{
            "y": 0},
        {
            "y": 1},
     ...