d3.layout.treemap in d3 Version 4

Question

ich folgende Daten treemap zu generieren:

var treemap_data = { 
"name": "Max", 
"value": 100, 
"children": [ 
    { 
     "name": "Sylvia", 
     "value": 75, 
     "children": [ 
      {"name": "craig", "value": 25}, 
      {"name": "Robin", "value": 25}, 
      {"name": "Anna", "value": 25} 
     ] 
    }, 
    { 
     "name": "David", 
     "value": 75, 
     "children": [ 
      {"name": "Jeff", "value": 25}, 
      {"name": "Buffy", "value": 25} 
     ] 
    }, 
    { 
     "name": "Sylvia", 
     "value": 75 
    } 
] 
} 

mit d3 Version 3.5.6 Ich bin in der Lage d3 Layout zu verwenden:

var treemap_data = d3.layout.treemap() 
    .size([500, 500]) 
    .nodes(data) 

aber es funktioniert nicht in d3 version 4.2.3.

Answer 1

Wie pro neue Syntax

var treemap_data = d3.tree().size([500, 500]); 

Hier ist die treemap Ihrer Ihre Daten mit D3 V4.

https://jsfiddle.net/n4m1r8nb/58/