screenshot-2016-09-23-17-01-59

Word Cloud resources

Print Friendly

http://plnkr.co/edit/7ADBWmu3CJm1NTFm0sR2?p=preview

https://github.com/jasondavies/d3-cloud

https://www.jasondavies.com/wordcloud/

http://kennycason.com/posts/2014-07-03-kumo-wordcloud.html

https://github.com/timdream/wordcloud2.js

https://github.com/timdream/wordcloud2.js/blob/gh-pages/API.md

 


Minimally working WordCloud code

<div id='my_canvas' style='width:100%; height: 300px; background-color: gray'></div>
  
<script src="/km/exp/wordcloud2.js-gh-pages/src/wordcloud2.js"></script>

<script type="text/javascript">
var tinyList = [
  ['foo', 12], 
  ['ab', 7], 
  ['x', 5], 
  ['eww', 3], 
  ['dog', 2], 
  ['ab', 7], 
  ['x', 5], 
  ['eww', 3], 
  ['dog', 2], 
  ['cat', 16], 
  ['bar', 6]
];
var myList = tinyList;
WordCloud(document.getElementById('my_canvas'), {
  list: myList, 
  fontFamily: "Impact",
  weightFactor: 2,
  rotateRatio: 0.5
}  );
</script>