노드를 D3 트리 v4에 추가

Question

D3 v4를 사용하여 트리를 만듭니다.

바이올린 : 지금 동적으로 선택된 노드에서 아이를 추가 (및 제거)에 대한 지원을 추가하려고 https://jsfiddle.net/a6pLqpxw/

.

그러나 전체 다시 그리기를 수행 할 필요없이 차트를 다시 그리지 못합니다. 접을 수있는 트리 다이어그램 코드에서 코드를 수정했습니다. https://bl.ocks.org/d3noob/43a860bc0024792f8803bba8ca0d5ecd

특히 다음 블록은 하위 레이아웃을 다시 계산하지 않습니다.

document.getElementById('add-child').onclick = function() { 
    console.log(selected); 
    selected.children.push({ 
    type: 'resource-delete', 
    name: new Date().getTime(), 
    attributes: [], 
    children: [] 
    }); 

    update(selected); 
}; 

누구나 D3.js v4의 트리에 노드를 동적으로 추가/삭제하는 좋은 예가 있습니까?