Question

I would like to use the hierarchical structure of JSON, in a d3 tree layout such as in:

http://bl.ocks.org/1249394

In my work, I am using a variable in javascript:

var treeData = {
  "name" : "A1", "children" : [
    {"name" : "A3", "children": [
      {"name" : "A31", "children" :[
        {"name" : "A311" },
        {"name" : "A312" }
      ]}
    ]}
  ]};

How do I use this hierarchy as a dynamic javascript array, so that values can be pulled and new layers/branches in the hierarchy can be added or removed dynamically? Does this require a loop or empty arrays? I want to be able to create this hierarchy.
My main problem is that I don’t know how to keep the hierarchical structure in the javascript array code.

Answer 1

If I understand your question correctly, after you assign value to treeData as you did above, it’s already the hierachy you want. To manipulate them easier, you can do something like

tree.nodes(treeData);

to get an array of objects