JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var data = [
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 1",
    "stack": "Expense",
    "value": "2000"
  },
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 1",
    "stack": "Contribution",
    "value": "5000"
  },
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 1",
    "stack": "Income",
    "value": "1000"
  },
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 2",
    "stack": "Expense",
    "value": "3000"
  },
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 2",
    "stack": "Contribution",
    "value": "2000"
  },
  {
    "trend": "2021-01-01",
    "year": 2021,
    "group": "Partner 2",
    "stack": "Income",
    "value": "3000"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 1",
    "stack": "Expense",
    "value": "1500"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 1",
    "stack": "Contribution",
    "value": "3000"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 1",
    "stack": "Income",
    "value": "2000"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 2",
    "stack": "Expense",
    "value": "1000"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 2",
    "stack": "Contribution",
    "value": "1000"
  },
  {
    "trend": "2022-01-01",
    "year": 2022,
    "group": "Partner 2",
    "stack": "Income",
    "value": "4000"
  },
  {
    "trend": "2023-01-01",
    "year": 2023,
    "group": "Partner 1",
    "stack": "Expense",
    "value": "2500"
  },
  {
    "trend": "2023-01-01",
    "year": 2023,
    "group": "Partner 1",
    "stack": "Contribution",
    "value": "1000"
  },
  {
    "trend": "2023-01-01",
    "year": 2023,
    "group": "Partner 1",
    "stack": "Income",
    "value": "3000"
  },
  {
    "trend": "2023-01-01",
    "year": 2023,
    "group": "Partner 2",
    "stack": "Expense",
   ...