d3 word cloud test

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<script src="https://rawgit.com/jasondavies/d3-cloud/master/d3.layout.cloud.js"></script>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
        "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no">
</head>

<script src="d3.js"></script>
<script src="d3.layout.cloud.js"></script>
<script>
var skillsToDraw = [
    	{ text: 'javascript', size: 40 , sentiment:2},
    	{ text: 'D3.js', size: 15 , sentiment:1 },
    	{ text: 'coffeescript', size: 25 , sentiment:2 },
    	{ text: 'shaving sheep', size: 25 , sentiment:1 },
    	{ text: 'AngularJS', size: 30 , sentiment:2 },
    	{ text: 'Ruby', size: 30 , sentiment:1 },
    	{ text: 'ECMAScript', size: 15 , sentiment:2 },
    	{ text: 'Actionscript', size: 10 , sentiment:1 },
    	{ text: 'Linux', size: 20 , sentiment:1 },
    	{ text: 'C++', size: 20 , sentiment:2 },
    	{ text: 'C#', size: 25 , sentiment:1 },
    	{ text: 'JAVA', size: 38 , sentiment:1 },
      // just copy twice for extra data, else the cloud is a little boring
    	{ text: 'javascript', size: 40 , sentiment:2 },
    	{ text: 'D3.js', size: 15 , sentiment:1 },
    	{ text: 'coffeescript', size: 25 , sentiment:1 },
    	{ text: 'shaving sheep', size: 25 , sentiment:1},
    	{ text: 'AngularJS', size: 30 , sentiment:2},
    	{ text: 'Ruby', size: 30 , sentiment:1},
    	{ text: 'ECMAScript', size: 15 , sentiment:1},
    	{ text: 'Actionscript', size: 10 , sentiment:2},
    	{ text: 'Linux', size: 20 , sentiment:1},
    	{ text: 'C++', size: 20 , sentiment:1},
    	{ text: 'C#', size: 25 , sentiment:2},
    	{ text: 'JAVA', size: 38 , sentiment:1},
    	{ text: 'javascript', size: 40 , sentiment:1},
    	{ text: 'D3.js', size: 15 , sentiment:2},
    	{ text: 'coffeescript', size: 25 , sentiment:1},
    	{ text:...