JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-sm-4">
    <div id='lic-stats' class="container" ><!-- Plotly chart will be drawn inside this DIV --></div>
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</div>

JavaScript

var Deals = {
                      x: ['2021-10', '2021-11', '2021-12', '2022-01', '2022-02', '2022-03', '2022-04', '2022-05', '2022-06', '2022-07', '2022-08', '2022-09', '2022-10', '2022-11', '2022-12', '2023-01', '2023-02', '2023-03', '2023-04', '2023-05', '2023-06', '2023-07', '2023-08', '2023-09', '2023-10', '2023-11', '2023-12', '2024-01', '2024-02', '2024-03', '2024-04', '2024-05', '2024-06', '2024-07', '2024-08', '2024-09'],
                      y: [4, 5, 5, 7, 7, 7, 7, 7, 5, 5, 5, 5, 5, 4, 8, 8, 8, 4, 4, 4, 4, 7, 11, 11, 11, 11, 8, 8, 8, 8, 8, 8, 8, 8, 4, 4],
                      name: 'Active Licenses',
                      type: 'bar',
                      marker: {
                                color: 'rgb(0,131,117)',

                              }
                    };
var Leads = {
                      x: ['2022-01', '2022-02', '2022-03', '2022-04', '2022-05', '2022-06', '2022-07', '2022-08', '2022-09', '2022-10', '2022-11', '2022-12', '2023-08', '2023-09', '2023-10', '2023-11', '2023-12', '2024-01', '2024-02', '2024-03', '2024-04', '2024-05', '2024-06', '2024-07'],
                      y: [6, 6, 6, 6, 6, 6, 6, 6, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2],
                      name: 'Potential Licenses',
                      type: 'bar',
                      marker: {
                                color: 'rgb(160,220,210)',

                              }
                    };

var data = [Deals,Leads];

var layout = {
                title: 'Software Licenses Term',
                barmode: 'stack',
                xaxis: {
                       autorange: true,
                       range: [2021-10, 2024-09],
                       rangeselector: {buttons: [
                                                     {step: 'all'},
                                                    {
                                                      count: 1,
                                                      label: 'YTD',
             ...