Highcharts Demo

author(s): Jon Arild Nygård

by Rajesh Danabal

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.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

Highcharts.chart('container', {
  series: [{
    type: 'wordcloud',
    data: [{
      "name": "\"WHILE YOU WERE OUT\" MESSAGE BOOK, ONE FORM PER PAGE",
      "weight": 1,
      "color": "#01B8AA"
    }, {
      "name": "#10- 4 1/8\" X 9 1/2\" RECYCLED ENVELOPES",
      "weight": 1,
      "color": "#374649"
    }, {
      "name": "#10- 4 1/8\" X 9 1/2\" SECURITY-TINT ENVELOPES",
      "weight": 1,
      "color": "#FD625E"
    }, {
      "name": "#10 GUMMED FLAP WHITE ENVELOPES, 100/BOX",
      "weight": 1,
      "color": "#F2C80F"
    }, {
      "name": "#10 SELF-SEAL WHITE ENVELOPES",
      "weight": 1,
      "color": "#5F6B6D"
    }, {
      "name": "#10 WHITE BUSINESS ENVELOPES,4 1/8 X 9 1/2",
      "weight": 1,
      "color": "#8AD4EB"
    }, {
      "name": "#10-4 1/8\" X 9 1/2\" PREMIUM DIAGONAL SEAM ENVELOPES",
      "weight": 1,
      "color": "#FE9666"
    }, {
      "name": "#6 3/4 GUMMED FLAP WHITE ENVELOPES",
      "weight": 1,
      "color": "#A66999"
    }, {
      "name": "1.7 CUBIC FOOT COMPACT \"CUBE\" OFFICE REFRIGERATORS",
      "weight": 1,
      "color": "#3599B8"
    }, {
      "name": "1/4 FOLD PARTY DESIGN INVITATIONS & WHITE ENVELOPES, 24 8-1/2\" X 11\" CARDS, 25 ENV./PACK",
      "weight": 1,
      "color": "#DFBFBF"
    }, {
      "name": "12 COLORED SHORT PENCILS",
      "weight": 1,
      "color": "#4AC5BB"
    }, {
      "name": "12-1/2 DIAMETER ROUND WALL CLOCK",
      "weight": 1,
      "color": "#5F6B6D"
    }, {
      "name": "14-7/8 X 11 BLUE BAR COMPUTER PRINTOUT PAPER",
      "weight": 1,
      "color": "#FB8281"
    }, {
      "name": "2300 HEAVY-DUTY TRANSFER FILE SYSTEMS BY PERMA",
      "weight": 1,
      "color": "#F4D25A"
    }, {
      "name": "24 CAPACITY MAXI DATA BINDER RACKS, PEARL",
      "weight": 1,
      "color": "#7F898A"
    }, {
      "name": "24-HOUR ROUND WALL CLOCK",
      "weight": 1,
      "color": "#A4DDEE"
    }, {
      "name": "3.6 CUBIC FOOT COUNTER HEIGHT OFFICE REFRIGERATOR",
      "weight": 1,
  ...