JSFiddle - React, Tailwind, and code Playground
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>
JavaScript
var 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"} ];
var tag_list = new Array();
for ( var i = 0; i < stuff.length; ++i ) {
var x = stuff[i];
tag_list.push({
text: x.NAME,
weight: x.COUNT,
handlers : {click: function() {
var zz = x;
return function() {
alert("it worked for" + JSON.stringify(zz));
}
}()},
html: {title: x.COUNT + " varieties"}
});
}
$("#example").children("#wordcloud").jQCloud( tag_list );