JSFiddle - React, Tailwind, and code Playground

by olgamarishem

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.2" defer></script>
<style>
  .fuente {
     font-family: "Work Sans", sans-serif;
    font-weight:400;
    font-size:14px;
    color:gray;
    text-align: left;
    margin: 0; 
  }
</style>
<div class="chart-container" style="position: relative; height:auto; width:100%">
  <canvas id="bar_chart_2" width="350" height="250"></canvas>
</div>
<div class="fuente">
    <p>
     Fuente: Padrón municipal del INE. Elaboración propia.</p>
</div>
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var ctx = document.getElementById("bar_chart_2");
    var bar_chart_2 = new Chart(ctx, {
      type: 'bar',
      data: {
        labels: ["1998", "1999", "2000", "2001", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019", "2020"],
        datasets: [{
            label: 'Hombres',
            data: [1045,  916,  855,  843,  808,  785,  781,  790,  808,  798,  810 ,  785,  784,  776,  796,  788,  765,  735,  731,  698,  692,  678,683],
            backgroundColor: [
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255, 195, 49, 0.85)',
              'rgba(255,...