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) ->
    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)