Highcharts Demo

author(s): Jon Arild Nygård

by kikkoma

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": "creativity",
    "weight": 31
}, {
    "name": "creative",
    "weight": 22
}, {
    "name": "intelligence",
    "weight": 15
}, {
    "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": "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",
    "weight": 8
}, {
    "name": "solving",
    "weight": 7
}, {
    "name": "knowledge",
    "weight": 7
}, {
    "name": "iq",
    "weight": 7
}, {
    "name": "working",
    "weight": 7
}, {
    "name": "positive",
    "weight": 7
}, {
    "name": "idea",
    "weight": 7
}, {
    "name": "studies",
    "weight": 7
}, {
    "name": "number",
    "weight": 7
}, {
    "name": "person",
    "weight": 7
}, {
    "name": "researchers",
    "weight": 7
}, {
    "name": "task",
    "weight": 7
}, {
    "name": "affect",
    "weight": 7
}, {
    "name": "group",
    "weight": 7
}, {
    "name": "memory",
    "weight": 7
}, {
    "name": "creation",
    "weight": 7
}, {
   ...