Wordcloud Font

by kzoon

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

/**
 * archimedeanSpiral - Gives a set of cordinates for an Archimedian Spiral.
 *
 * @param {number} t How far along the spiral we have traversed.
 * @return {object} Resulting coordinates, x and y.
 */
var archimedeanSpiral = function archimedeanSpiral(t) {
  t *= 0.1;
  return {
    x: t * Math.cos(t),
    y: t * Math.sin(t)
  };
};
Highcharts.seriesTypes.wordcloud.prototype.spirals.archimedean = archimedeanSpiral;


var data = [{
  "name": "creative",
  "weight": 25
}, {
  "name": "intelligences",
  color: '#BF0B23',
  style: {
    fontFamily: "Impact, Charcoal, 'Arial Black', sans-serif",
    fontWeight: "normal",
    textDecoration: "underline"
  },
  "weight": 20
}, {
  "name": "more",
  "weight": 12
}, {
  "name": "people",
  "weight": 12
}, {
  "name": "theory",
  "weight": 11
}, {
  "name": "problem",
  "weight": 11
}, {
  "name": "thinking",
  "weight": 11
}, {
  "name": "been",
  "weight": 11
}, {
  "name": "can",
  "weight": 11
}, {
  "name": "process",
  "weight": 11
}, {
  "name": "new",
  "weight": 10
}, {
  "name": "individual",
  "weight": 10
}, {
  "name": "model",
  "weight": 10
}, {
  "name": "ideas",
  "weight": 9
}, {
  "name": "levels",
  "weight": 9
}, {
  "name": "creativity",
  "weight": 9
}, {
  "name": "processes",
  "weight": 9
}, {
  "name": "different",
  "weight": 9
}, {
  "name": "high",
  "weight": 9
}, {
  "name": "motivation",
  "weight": 9
}, {
  "name": "research",
  "weight": 9
}, {
  "name": "work",
  "weight": 8
}, {
  "name": "cognitive",
  "weight": 8
}, {
  "name": "team",
  "weight": 8
}, {
  "name": "divergent",
  "weight": 8
}, {
  "name": "tests",
  "weight": 8
}, {
  "name": "study",
  "weight": 8
}, {
  "name": "measures",
  "weight": 8
}, {
  "name": "theories",
  "weight": 8
}, {
  "name": "found the reason",
  "weight": 8
}, {
  "name": "solving",
  "weight": 7
}, {
  "name": "knowledge",
  "weight": 7
}, {
  "name": "iq",
  "weight": 7
}, {
  "name": "working",
  "weight": 7
}, {
  "name": "positive",
 ...