d3.js - How does d3 V4 d3.stratify work with a tree? -

-

i trying visualize simple org chart d3. made small test , stratified data isn't working when call "tree" method. when debug, looks stratify didn't populate "root" entries needs (i ran , debugged other examples such this , can see stratify populates set of children/parent entries aren't present in mine).

test.json:

{"orgchart":[ {"employeename":"to","manager":"","team":"my company","jobrole":"something cool"}, {"employeename":"jw","manager":"to","team":"my company","jobrole":"something cool"}, {"employeename":"bk","manager":"jw","team":"team 1","jobrole":"something cool"}, {"employeename":"wh","manager":"bk","jobrole":"something cool"}, {"employeename":"se","manager":"bk","jobrole":"something cool"}, {"employeename":"qi","manager":"bk","jobrole":"something cool"}, {"employeename":"kx","manager":"bk","jobrole":"something cool"}, {"employeename":"ka","manager":"kx","jobrole":"something cool"}, {"employeename":"hh","manager":"jw","team":"team 2","jobrole":"something cool"}, {"employeename":"dn","manager":"hh","jobrole":"something cool"}, {"employeename":"kt","manager":"hh","jobrole":"something cool"}, {"employeename":"jb","manager":"kt","jobrole":"something cool"}, {"employeename":"um","manager":"kt","jobrole":"something cool"}, {"employeename":"al","manager":"kt","jobrole":"something cool"}, {"employeename":"fr","manager":"kt","jobrole":"something cool"}, {"employeename":"we","manager":"hh","jobrole":"something cool"}, {"employeename":"co","manager":"we","jobrole":"something cool"}, {"employeename":"le","manager":"we","jobrole":"something cool"}, {"employeename":"lo","manager":"we","jobrole":"something cool"}, {"employeename":"yi","manager":"hh","jobrole":"something cool"}, {"employeename":"ei","manager":"yi","jobrole":"something cool"}, {"employeename":"dj","manager":"yi","jobrole":"something cool"}, {"employeename":"sh","manager":"yi","jobrole":"something cool"}, {"employeename":"bs","manager":"jw","team":"team 2","jobrole":"something cool"}, {"employeename":"sp","manager":"bs","jobrole":"something cool"}, {"employeename":"sb","manager":"jw","team":"team 3","jobrole":"something cool"}, {"employeename":"gq","manager":"sb","jobrole":"something cool"}, {"employeename":"js","manager":"gq","jobrole":"something cool"}, {"employeename":"ht","manager":"sb","jobrole":"something cool"}, {"employeename":"mb","manager":"ht","jobrole":"something cool"}, {"employeename":"mf","manager":"ht","jobrole":"something cool"}, {"employeename":"fw","manager":"sb","jobrole":"something cool"}, {"employeename":"gm","manager":"fw","jobrole":"something cool"}, {"employeename":"xt","manager":"fw","jobrole":"something cool"}, {"employeename":"vq","manager":"fw","jobrole":"something cool"}]}

test code:

var tree = d3.tree().size([height, width - 160]); d3.json("test.json", function(error, data) {     if (error) throw error;     // breakpoint here shows data loaded , valid     var root = d3.stratify(data.orgchart)             .id(function(d) { return d.employeename; })             .parentid(function(d) { return d.manager; });      // breakpoint here shows no children/parent entries in "root"     // next function fails      // "uncaught typeerror: root.eachbefore not function"      tree(root); });

of course after looking @ more day, 5 minutes after posting question realized answer.

the data being passed in wrongly.

instead of this:

var root = d3.stratify(data.orgchart)         .id(function(d) { return d.employeename; })         .parentid(function(d) { return d.manager; });

it should this:

var root = d3.stratify()         .id(function(d) { return d.employeename; })         .parentid(function(d) { return d.manager; })         (data.orgchart);

the "data.orgchart" needs put @ end of chain.


Comments

Post a Comment

Popular posts from this blog

javascript - Why Selenium can't find an element that is graphically visible -

-
i'm using selenium test appllication running on firefox browser, when want click on button selenium, don't find it. find strange since can see element eye. have tried multiple method worked other exemple : wait.until(expectedconditions.visibilityofelementlocated(by)) wait.until(expectedconditions.presenceofelementlocated(by)); (i use xpath in path variable, , i'm sure correct) setting implictlywait on driver putting thread.sleep(1000) then again, post here because don't understand why selenium not see element diplayed on browser. important information maybe giving me proper answer html dom dynamically generate websocket triggered javascript event. edit 1: <button type="button" class="btn btn-xs btn-block btn-stroke" id="252_button"> delete </button> the element i'm trying access. use xpath it. it's not in iframe element. to access element did method supposed find , click on giving xpath in para...
Read more

java - How to compare two classes -

-
i try create factory, here's code: public class myfactory { public static <t> mybase create(class<t> _c) { if (_c.getclass().equals(derived1.class)) // (1) return createnewderived1(); return null; } } // caller myfactory.create(derived1.class); it compiles warning @ line (1) : error 'equals()' between objects of inconvertible types 'class<derived1>' , 'class<capture of ? extends class>' <br>reports calls .equals() target , argument of incompatible types. while such call might theoretically useful, represents bug. and in runtime if statement fails reason. how can intended behaviour? public class myfactory { public static <t> mybase create(class<t> _c) { return ( _c == derived1.class ) ? createnewderived1() : null; } } // caller myfactory.create(derived1.class); see compare class objects further info. fiy, "real" class obje...
Read more

scala - Using the kronecker product on complex matrices with scalaNLP breeze -

-
i had piece of code: def this(vectors: list[densevector[double]]) { this(vectors.length) var resultvector = vectors.head (vector <- vectors) { resultvector = kron(resultvector.todensematrix, vector.todensematrix).todensevector } _vector = resultvector } it worked way wanted work. problem needed complex values in stead of doubles. after importing breeze.math.complex, changed code to: def this(vectors: list[densevector[complex]]) { this(vectors.length) var resultvector = vectors.head (vector <- vectors) { resultvector = kron(resultvector.todensematrix, vector.todensematrix).todensevector } _vector = resultvector } this results errors: error:(42, 26) not find implicit value parameter impl: breeze.linalg.kron.impl2[breeze.linalg.densematrix[breeze.math.complex],breeze.linalg.densematrix[breeze.math.complex],vr] resultvector = kron(resultvector.todensematrix, vector.todensematrix).todensevector ...
Read more