d3.js v4 d3.layout.tree has been removed?

Question

After upgrading to d3.js v4.1.1, this line:

d3.layout.tree()

produces an error:

Cannot read property \'tree\' of undefined


        

Answer 1

As of D3 v4.0 (June 2016), the tree layout has been renamed. See:

https://github.com/d3/d3/blob/master/CHANGES.md#hierarchies-d3-hierarchy

Pursuant to the great namespace flattening:

• d3.layout.cluster ↦ d3.cluster
• d3.layout.hierarchy ↦ d3.hierarchy
• d3.layout.pack ↦ d3.pack
• d3.layout.partition ↦ d3.partition
• d3.layout.tree ↦ d3.tree
• d3.layout.treemap ↦ d3.treemap