JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto;"></div>

JavaScript

Highcharts.chart('container', {

    chart: {
      type: 'bubble',
      plotBorderWidth: 0,
      zoomType: 'xy'
    },

    title: {
      text: 'Highcharts bubbles with radial gradient fill'
    },

    xAxis: {            
    },

    yAxis: {         
    },

    series: [{}]

  },
  function(chart) { // on complete
    

  });