JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="myChart" width="400" height="300"></canvas>


<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.0/dist/chart.min.js"></script>

JavaScript

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['Label 1', 'Label 2', 'Label 3', 'Label 4', 'Label 5', 'Label 6'],
    datasets: [{
      label: 'Title',
      data: [10, 20, 50, 30, 20]
    }]
  },
  options: {
    maintainAspectRatio: false
  }
});