Jump to content


[ D3 JS library ] How To Access Data From JSON

  • Please log in to reply
No replies to this topic

#1 anevins


    Advanced Member

  • Members
  • PipPipPip
  • 251 posts
  • LocationUnited Kingdom

Posted 21 January 2013 - 04:59 PM

Hello, I'm following the D3 Tag Cloud Simple example

I have a JSON file that consists of tweet tags, sentimental values and tweet text;
var words = [{"word":"disgrace","sentiment":"0.975","tweet":"Wheres Fred the weatherman? \nIn jail #disgrace #dirtyman @MrJimmyCorkhill"},{"word":"dirtyman","sentiment":"0.975","tweet":"Wheres Fred the weatherman? \nIn jail #disgrace #dirtyman @MrJimmyCorkhill"}];

I want to use the "tweet" value as a <title> attribute of each <text> element.
I tried doing this by putting my tweet in the .words function (or .map, I don't know :s), as other data is accessed that way, but I can't extract my 'tweet' data;
var fill = d3.scale.category20();
var words = <?php echo $tweets->getTweetTags(); ?>;
d3.layout.cloud().size([1000, 1000])
.words(words.map(function(d) {
return {text: d.word, size: d.sentiment * 40, tweet: d.tweet};
.rotate(function() { return ~~(Math.random() * 2) * Math.random() * 1; })
.fontSize(function(d) { return d.size; })
.on("end", draw)

function draw(words) {
.attr("width", 1000)
.attr("height", 1000)
.attr("transform", "translate(500,400)")
.style("font-size", function(d) { return d.size + "px"; })
.style("font-family", "Impact")
.style("fill", function(d, i) { return fill(i); })
.attr("text-anchor", "middle")
.attr("transform", function(d) {
return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")";
.text(function(d) { return d.text; })
.append("svg:title").text(function(d) { return d.tweet; } );
d.tweet returns undefined

I can probably understand why I can't use my tweet in the .words or .map function, as they only expect certain parameters, but I don't know how else to get the 'tweet' data into the <title> tags of each <text> element.

Can anyone help me with this?

Edited by anevins, 21 January 2013 - 05:04 PM.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime