JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script>

<canvas id="chart" width="400" height="400"></canvas>

JavaScript

const data = {
     labels: [
       'Red',
       'Blue',
       'Yellow'
     ],
     datasets: [{
       data: [300, 50, 100],
       backgroundColor: [
         'rgb(255, 99, 132)',
         'rgb(54, 162, 235)',
         'rgb(255, 205, 86)'
       ]
     }]
   };

   const ctx = document.getElementById('chart').getContext('2d');

   const myChart = new Chart(ctx, {
     type: 'doughnut',
     data: data
   });