JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://blacklabel.github.io/bubble_dragndrop/bubble-dragndrop.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px; min-width: 310px; max-width: 600px; margin: 50px auto"></div>

JavaScript

$(function () {

    var chart = $('#container').highcharts({

        chart: {
            type: 'bubble'
        },
        title: {
            text: 'Highcharts Bubbles'
        },
        tooltip: {
            followTouchMove: true,
            followPointer: true
        },
        series: [{
            data: [[10,20,3],[5,13,10],[40,32,15]]
        }, {
            data: [[5,5,20],[21,12,10],[22,5,9]]
        }, {
            data: [[7,3,14],[13,10,4],[12,13,14]]
        }]

    });

});