JSFiddle - React, Tailwind, and code Playground

by stitot

HTML

<script src="http://localhost:3031/highcharts.js"></script>
<script src="http://localhost:3031/datagrid/datagrid.js"></script>

<div id="result"></div>
<div id="container"></div>≈

CSS

@import url("http://localhost:3031/datagrid/css/datagrid.css");

#container {
    padding: 8px;
    height: 500px
}

.highcharts-description {
    padding: 0 20px;
}

@media (prefers-color-scheme: dark) {
    #container {
        background-color: #292929;
    }
}

JavaScript

const start = +new Date()
Grid.grid(
  "container",
  {
    dataTable: {
      columns: {
        State: [
          "Alabama",
          "Alaska",
          "Arizona",
          "Arkansas",
          "California",
          "Colorado",
          "Connecticut",
          "Delaware",
          "District of Columbia",
          "Florida",
          "Georgia",
          "Hawaii",
          "Idaho",
          "Illinois",
          "Indiana",
          "Iowa",
          "Kansas",
          "Kentucky",
          "Louisiana",
          "Maine",
          "Maryland",
          "Massachusetts",
          "Michigan",
          "Minnesota",
          "Mississippi",
          "Missouri",
          "Montana",
          "Nebraska",
          "Nevada",
          "New Hampshire",
          "New Jersey",
          "New Mexico",
          "New York",
          "North Carolina",
          "North Dakota",
          "Ohio",
          "Oklahoma",
          "Oregon",
          "Pennsylvania",
          "Rhode Island",
          "South Carolina",
          "South Dakota",
          "Tennessee",
          "Texas",
          "Utah",
          "Vermont",
          "Virginia",
          "Washington",
          "West Virginia",
          "Wisconsin",
          "Wyoming",
        ],
        Income: [
          254, 246, 101, 303, 200, 118, 201, 161, 106, 249, 183, 232, 166, 336,
          216, 135, 184, 289, 257, 194, 204, 172, 177, 99, 205, 135, 195, 286,
          221, 136, 194, 207, 316, 175, 181, 189, 188, 165, 268, 164, 91, 184,
          233, 211, 362, 119, 127, 165, 248, 183, 231,
        ],
        "Income per quarter": [
          "[71, 78, 39, 66]",
          "[87, 44, 74, 41]",
          "[56, 12, 8, 25]",
          "[81, 50, 78, 94]",
          "[61, 80, 10, 49]",
          "[13, 48, 21, 36]",
          "[6, 64, 44, 87]",
          "[7, 27, 49, 78]",
          "[18, 39, 27, 22]",
          "[51, 24, 90,...