Topic Clouds using D3 Word Cloud Layout

<html>
  <head>
    <title>Topic Clouds</title> 
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <script src="https://d3js.org/d3.v2.min.js?2.10.0"></script>
    <script type="text/javascript" src="d3.layout.cloud.js"></script>
</head>

wordScale=d3.scale.linear().domain([1,100,1000,10000]).range([10,20,40,80]).clamp(true);
wordColor=d3.scale.linear().domain([10,20,40,80]).range(["blue","green","orange","red"]);

for (x = 0; x < 3; x++) {
	viz = d3.select("body").append("svg")
    .attr("width", 400)
    .attr("height", 440)
    .attr("id", "svg" + x);
}
for (x = 0; x < 3; x++) {
//d3.json("topic.json", function(topic) {
d3.csv("topic_words"+x+".csv", function(topic) {
	
  d3.layout.cloud().size([400, 400])
//      .words([{"text":"test","size":wordScale(.01)},{"text":"bad","size":wordScale(1)}])
      .words(topic)
      .rotate(function() { return ~~(Math.random() * 2) * 5; })
      .fontSize(function(d) { return wordScale(d.size); })
      .on("end", draw)
      .start();

//  d3.select("#svg"+x).append("svg:text").text("Topic " + x);	
//    viz.enter().append("svg:text").text("Topic " + x);

}

})
}
</script>

Modified http://d3js.org/d3.v2.min.js?2.10.0 to a secure url

https://d3js.org/d3.v2.min.js?2.10.0