javascript - Accessing JSON values in D3 -



javascript - Accessing JSON values in D3 -

i'm trying populate each grouping circle "forehand" / "backhand" , "bh slice" i'm having difficulties accessing these values. have nested elements in way "direction" key related values influence position , size of each circle.

in way similar https://github.com/mbostock/d3/wiki/selections#data matrix illustration guess info construction different ?

jsbin of current code here: http://jsbin.com/gahul/1

i have next data:

var jsondata = [ { "direction": "crosscourt", "total": 118, "forehand": 75, "backhand": 41, "bh slice": 2 }, { "direction": "down_middle", "total": 50, "forehand": 34, "backhand": 9, "bh slice": 7 }, { "direction": "down_line", "total": 21, "forehand": 8, "backhand": 11, "bh slice": 2 }, { "direction": "inside_out", "total": 118, "forehand": 25, "backhand": 5, "bh slice": 0 }, { "direction": "inside_in", "total": 9, "forehand": 9, "backhand": 0, "bh slice": 0 }, ];

and next d3 code:

var query1 = d3.nest() .key(function(d){ homecoming d.direction; }) .sortkeys(d3.ascending) .entries(jsondata) var h = 420; var w = 500; var svg = d3.select("body") .append("svg") .attr("width", w) .attr("height", h); var grouping = svg.selectall("g") .data(query1) .enter() .append("g") .attr("class", function(d){ homecoming d.key }) var pop_directions = group.selectall("circle") .data(query1) .enter() .append("circle") .attr("r", 30 ) .attr("cx", 100)

the values of new object in array 1 element, have adress, instance:

d.values[0].forehand

gives forehand-value, while can access key-value by

d.key

see http://jsbin.com/hakamoga/1/edit simple illustration using forehand-value radius , title.

javascript json d3.js

Comments

Post a Comment

Popular posts from this blog

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

html - Submenu setup with jquery and effect 'fold' -

html - Submenu setup with jquery and effect 'fold' - i want open submenu jquery effect fold, problem if user "hover effect" fast menu remain open, how can avoid this, jquery code is: $('ul.mainmenu li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $(this).children('ul').hide('fold', 500); } ); my jsfiddle link is: http://jsfiddle.net/9wkbf/ updated fiddle the reason behind problem is, first event $(this).children('ul').show('fold', 570); queued , until completes, sec animation not start. the next snippet can workaround $('ul.mainmenu > li').hover( function() { $(this).children('ul').show('fold', 570); }, function() { $('ul:not(.mainmenu)').hide('fold', 500); } ); *important note : work current scenario. jquery html css
Read more