JSFiddle - React, Tailwind, and code Playground

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width: 500"></div>

JavaScript

Highcharts.chart('container', {
     chart: {
        type: 'pie'
      },
      credits: {
        enabled: false
      },
      title: {
        text: ''
      },
      plotOptions: {
        pie: {
          innerSize: '70%'
        }
      },
      colors: ['#F0F0F0', '#4BB482', '#4cb581'],
      series: [{
        name: 'Tasks (%)',
        data: [
          ['Not completed', 80],
          ['Completed', 20],
        ]
      }]
});