JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.jsdelivr.net/npm/chart.js@3.7.1/dist/chart.min.js"></script>
<canvas id="my_chart" width="400" height="200"></canvas>

JavaScript

var ctx = document.getElementById('my_chart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
        datasets: [{
            label: 'Months',
            data: [100, 40, 90, 80, 50, 30],
            backgroundColor: '#ffadb9',
            borderColor: '#f7072b',
            borderWidth: 2,
            borderSkipped: false,
            borderRadius: 20,
            barThickness: 30
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});