Wordcloud

Any order of datapoints

HTML

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

<div id="container"></div>

CSS

#container {
	min-width: 310px;
	max-width: 800px;
	margin: 0 auto
}

JavaScript

var data = [{
    "name": "STATE",
    "weight": 3
}, {
    "name": "YEAR",
    "weight": 3
}, {
    "name": "MONTH",
    "weight": 3
}, {
    "name": "DAY",
    "weight": 3
}, {
    "name": "VE_FORMS",
    "weight": 3
}, {
    "name": "HOUR",
    "weight": 3
}, {
    "name": "MINUTE",
    "weight": 3
}, {
    "name": "COUNTY",
    "weight": 2
}, {
    "name": "HARM_EV",
    "weight": 3
}, {
    "name": "SCH_BUS",
    "weight": 2
},{
    "name": "VEH_NO",
    "weight": 2
}, {
    "name": "MAKE",
    "weight": 2
}, {
    "name": "MAK_MOD",
    "weight": 2
}, {
    "name": "BODY_TYP",
    "weight": 2
}, {
    "name": "MOD_YEAR",
    "weight": 2
}, {
    "name": "RUR_URB",
    "weight": 2
}, {
    "name": "FUNC_SYS",
    "weight": 2
}];

Highcharts.chart('container', {
    series: [{
        //colors: ['blue', 'yellow', 'red', 'green', '#550000'],
        //If colors is not defined, colors are picked from Highcharts color palette
        type: 'wordcloud',
        data: data,
        name: 'wordcloud'
    }],
   
    title: {
        text: ''
    },
    
    tooltip: {
    		headerFormat: '<small>{point.key}</small><table>',
        pointFormat: '<tr>: {point.weight}</tr>',
        footerFormat: '</table>',
        valueDecimals: 0
    }
});