JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/highcharts.js"></script>
<script type="text/javascript" src="http://highcharts.com/js/modules/funnel.src.js"></script>

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

<!--
<button id="button">Button</button>
-->

JavaScript

var chart;
var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'funnel',
        margin: [50, 10, 60, 170],
        borderWidth: 1
    },
    title: {
        text: 'Sales funnel'
    },
    plotArea: {
        shadow: null,
        borderWidth: null,
        backgroundColor: null
    },
    tooltip: {
        formatter: function() {
            return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.y, 0);
        }
    },
    plotOptions: {
        series: {
            dataLabels: {
                align: 'left',
                x: -300,
                enabled: true,
                formatter: function() {
                    return '<b>'+ this.point.name +'</b> ('+ Highcharts.numberFormat(this.point.y, 0) +')';
                },
                color: 'black'
            },
            
            neckWidth: '100%',
            width: '0%',
            neckHeight: '0%'
        }
    },
    legend: {
        enabled: false
    },
    series: [{
        name: 'Browser share',
        data: [
            ['Finalized',    846],
            ['Invoice sent',    976],
            ['Requested price list', 1987],
            ['Downloads',       4064],
            ['Website visits',   15654]
        ]
        //data: [3.40, 1.05, 2.90, 1.65, 1.35, 2.59, 1.39, 3.07, 2.82]
    }]
};


$(document).ready(function() {
    chart = new Highcharts.Chart(options);
});