Wordcloud

Aviation data

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

(function(H) {
    H.wrap(H.seriesTypes.wordcloud.prototype, 'deriveFontSize', function (p) {
  	var ret = p.apply(this, Array.prototype.slice.call(arguments, 10));
        return Math.max(ret, 10);
  });
})(Highcharts);

var data = [{
    "name": "LANDING",
    "weight": 18022
}, {
    "name": "TAKEOFF",
    "weight": 14274
}, {
    "name": "CRUISE",
    "weight": 10499
}, {
    "name": "MANEUVERING",
    "weight": 9214
}, {
    "name": "APPROACH",
    "weight": 7308
}, {
    "name": "TAXI",
    "weight": 2213
}, {
    "name": "CLIMB",
    "weight": 2170
}, {
    "name": "DESCENT",
    "weight": 2098
}, {
    "name": "GO-AROUND",
    "weight": 1525
}, {
    "name": "STANDING",
    "weight": 1124
}, {
    "name": "UNKNOWN",
    "weight": 584
}, {
    "name": "OTHER",
    "weight": 138
}];

Highcharts.chart('container', {
    series: [{
        type: 'wordcloud',
        data: data,
        colors: ['##063272','##0442BF', '#2975D9', '#79AEF2', '#BDD9F2', '#D0E9F2']
    }],
    title: {
        text: 'Aviation Data'
    },
    tooltip: {
        enabled: true
    }
});