Highcharts test tool

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/modules/heatmap.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

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

CSS

#container {
    min-width: 300px;
    max-width: 800px;
    height: 400px;
    margin: 1em auto;
}

JavaScript

$(function() {

    $('#container').highcharts({

        chart: {
            type: 'heatmap',
            marginTop: 40,
            marginBottom: 40
        },


        title: {
            text: 'Sales per employee per weekday'
        },

        xAxis: {
            categories: ['Insignificant', 'Minor', 'Moderate', 'Major', 'Business Critical']
        },

        yAxis: {
            categories: ['Near certainty', 'Highly likely', 'Likely', 'Unlikely', 'Remote'],
            title: null,
            min: 0,
            max: 4
        },

        colorAxis: {
            dataClasses: [{
            	color: 'green',
                from: 0,
                to: 0,
                name: 'Good'
            }, {
            	color: 'yellow',
                from: 1,
                to: 1,
                name: 'Risky'
            }, {
            	color: 'red',
                from: 2,
                to: 2,
                name: 'Dangerous'
            }]
        },

        legend: {
            align: 'right',
            layout: 'vertical',
            verticalAlign: 'middle'
        },


        series: [{
            name: 'Sales per employee',
            borderWidth: 1,
            data: [
                [0, 0, 0],
                [0, 1, 0],
                [0, 2, 0],
                [0, 3, 0],
                [0, 4, 1],
                [1, 0, 1],
                [1, 1, 1],
                [1, 2, 1],
                [1, 3, 2],
                [1, 4, 2],
                [2, 0, 2],
                [2, 1, 2],
                [2, 2, 2],
                [2, 3, 2],
                [2, 4, 1],
                [3, 0, 1],
                [3, 1, 1],
                [3, 2, 1],
                [3, 3, 1],
                [3, 4, 0],
                [4, 0, 0],
                [4, 1, 0],
                [4, 2, 0],
                [4, 3, 0],
                [4, 4, 0]
            ]
        }, {
            name: 'Bubbles',
			type: 'bubble',
            maxSize: 30,
   ...