JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.1" defer></script>
<div class="chart-container" style="position: relative; height:auto; width:100%">
  <canvas id="bar_chart_1" width="350" height="250"></canvas>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var ctx = document.getElementById("bar_chart_1");
    var bar_chart_1 = new Chart(ctx, {
      type: 'bar',
      data: {
        labels: [1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019],
        datasets: [{
          label: 'bcm',
          data: [5.74,6.44,6.81,6.70,7.15,8.92,9.98,13.06,13.41,15.35,17.58,18.94,21.66,24.55,28.49,33.63,36.09,36.79,40.32,36.03,35.82,33.25,32.40,29.63,27.23,28.20,28.76,31.13,30.97,35.45,14.5,3.8],
          backgroundColor: [
            'rgba(255, 160, 0.1)',
            'rgba(255, 160, 0.1)',
            'rgba(255, 160, 0.1)',
            'rgba(255, 160, 0.1)',
           'rgba(255, 160, 0.1)',
           'rgba(255, 160, 0.1)',
            'rgba(255, 160, 0.1)',
             'rgba(255, 160, 0.1)',
             'rgba(255, 160, 0.1)',
             'rgba(255, 160, 0.1)',
             'rgba(255, 160, 0.1)',
              'rgba(255, 160, 0.1)',
              'rgba(255, 160, 0.1)',
              'rgba(255, 160, 0.1)',
               'rgba(255, 160, 0.1)',
               'rgba(255, 160, 0.1)',
                'rgba(255, 160, 0.1)',
                 'rgba(255, 160, 0.1)',
                   'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160, 0.1)',
                      'rgba(255, 160,...