JSFiddle - React, Tailwind, and code Playground

by Neil Bannet

HTML

<div id="msgs"></div>

JavaScript

// Just a helper method...
function display(str) {
   $('#msgs').append($('<div>').text(str));
}

var cubes = [
    {
        "sensor_id": 0,
        "type": 1,
        "unit": "VDC",
        "prefix": 2,
        "range_min_value": 4350,
        "range_max_value": 5760,
        "normal_min_value": 4350,
        "normal_max_value": 5760,
        "description": "Rectifier Voltage",
        "size": 2,
        "values": [
            {
                "value": 34.480000000000004,
                "ts": 1674724389
            },
            {
                "value": 32.22,
                "ts": 1674724393
            },
            {
                "value": 46.47,
                "ts": 1674724396
            },
            {
                "value": 11.06,
                "ts": 1674724398
            },
            {
                "value": 16.54,
                "ts": 1674724401
            },
            {
                "value": 11.97,
                "ts": 1674724404
            },
            {
                "value": 47.78,
                "ts": 1674724408
            },
            {
                "value": 55.67,
                "ts": 1674724410
            },
            {
                "value": 31.92,
                "ts": 1674724413
            },
            {
                "value": 48.76,
                "ts": 1674724416
            },
            {
                "value": 53.57,
                "ts": 1674724419
            },
            {
                "value": 9.56,
                "ts": 1674724423
            },
            {
                "value": 38.71,
                "ts": 1674724426
            },
            {
                "value": 19.900000000000002,
                "ts": 1674724429
            },
            {
                "value": 41.94,
                "ts": 1674724432
            },
            {
                "value": 31.240000000000002,
                "ts": 1674724473
            },
            {
               ...