JSFiddle - React, Tailwind, and code Playground

by joshmoto

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.js"></script>

JavaScript

// demo logo LOG-01-011-028-034-514-1148-115Cq3
test_log = {
  'meta': {
    'title': 'Audi RS4 2018',
    'version': 1,
    'time': new Date(),
    'stc': '2.0l R4/4V TFSI  04 0004'
  },
  'measurements': {
    'Engine Speed - (G28)': [{
      'unit': '/min',
      'data': [{
          'x': 0.37,
          'y': 2640
        },
        {
          'x': 0.85,
          'y': 2560
        },
        {
          'x': 1.33,
          'y': 2560
        },
        {
          'x': 1.78,
          'y': 2560
        },
        {
          'x': 2.23,
          'y': 2680
        },
        {
          'x': 2.7,
          'y': 2920
        },
      ]
    }],
    'Mass Air Flow - Sensor (G70)': [{
      'unit': 'g/s',
      'data': [{
          'x': 0.02,
          'y': 19.58
        },
        {
          'x': 0.45,
          'y': 16.28
        },
        {
          'x': 0.92,
          'y': 8.56
        },
        {
          'x': 1.39,
          'y': 8.47
        },
        {
          'x': 1.86,
          'y': 23.36
        },
      ]
    }],
    'Throttle Valve Angle': [{
      'unit': '%',
      'data': [{
          'x': 0.1,
          'y': 14.5
        },
        {
          'x': 0.53,
          'y': 10.2
        },
        {
          'x': 1,
          'y': 7.5
        },
        {
          'x': 1.47,
          'y': 7.5
        },
        {
          'x': 1.94,
          'y': 21.2
        },
      ]
    }],
    'Selected Gear': [{
      'unit': '',
      'data': [{
          'x': 0.16,
          'y': 2
        },
        {
          'x': 0.61,
          'y': 2
        },
        {
          'x': 1.1,
          'y': 2
        },
        {
          'x': 1.55,
          'y': 2
        },
        {
          'x': 2.01,
          'y': 2
        },
      ]
    }],
    'Boost Pressure - Control (N75)': [{
      'unit': '%',
      'data': [{
          'x': 0,
          'y': 2
        },
        {
          'x': 0.69,
          'y': 2
        },
        {
          'x':...