JSFiddle - React, Tailwind, and code Playground

by joplomacedo

JavaScript

const bars = [
  {
    date: "2021-06-30T15:14:00.000Z",
    open: 53.75,
    high: 53.7985,
    low: 53.52,
    close: 53.695,
    volume: 5974,
    barCount: 1725,
    WAP: 53.63331,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:16:00.000Z",
    open: 53.7,
    high: 53.725,
    low: 53.61,
    close: 53.678,
    volume: 4142,
    barCount: 1199,
    WAP: 53.67179,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:18:00.000Z",
    open: 53.66,
    high: 53.7,
    low: 53.525,
    close: 53.53,
    volume: 4740,
    barCount: 1489,
    WAP: 53.60859,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:20:00.000Z",
    open: 53.54,
    high: 53.55,
    low: 53.4,
    close: 53.52,
    volume: 4606,
    barCount: 1440,
    WAP: 53.47103,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:22:00.000Z",
    open: 53.52,
    high: 53.6,
    low: 53.4709,
    close: 53.4801,
    volume: 3043,
    barCount: 995,
    WAP: 53.52146,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:24:00.000Z",
    open: 53.485,
    high: 53.5,
    low: 53.19,
    close: 53.205,
    volume: 5836,
    barCount: 2125,
    WAP: 53.35126,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:26:00.000Z",
    open: 53.2078,
    high: 53.36,
    low: 53.19,
    close: 53.33,
    volume: 4270,
    barCount: 1321,
    WAP: 53.29872,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:28:00.000Z",
    open: 53.335,
    high: 53.36,
    low: 53.28,
    close: 53.28,
    volume: 2877,
    barCount: 988,
    WAP: 53.326,
    hasGaps: false,
    isUpdatedByTick: false
  },
  {
    date: "2021-06-30T15:30:00.000Z",
    open: 53.28,
    high: 53.31,
    low: 53.12,
    close: 53.1201,
    volume: 5496,
    barCount: 1873,
    WAP: 53.19915,
    hasGaps: false,
    isUpdatedByTick: false
  },
 ...