JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="http://www.lucaongaro.eu/demos/jqcloud/jqcloud-1.0.0.min.js"></script>
<div> test wordcloud for click handling</div>
<div id="example" style="width: 550px; height: 350px;">
    <div id="wordcloud"></div>
</div>

CoffeeScript

stuff = [
  {NAME:"n1",COUNT:23,HIDDEN:"1abc"},
  {NAME:"n2",COUNT:12,HIDDEN:"2abc"},
  {NAME:"n3",COUNT:22,HIDDEN:"3abc"},
  {NAME:"n4",COUNT:2,HIDDEN:"4abc"}
]
tag_list = [ ]

for o in stuff
  do (o) ->
    tag_list.push
      text: o.NAME
      weight: o.COUNT
      html:
        title: "#{o.COUNT} varieties"
      handlers:
        click: -> console.log("it worked for", o)

$("#example").children("#wordcloud").jQCloud(tag_list)