A visualization of a decision tree with SVG filters to make it look more organic animated to make it seem to grow in a similarly organic fashion.
The animation is facilitated by taking advantage of the .ancestors()
function attached to every node generated by d3’s tree
layout. By getting an array of ancestors and filtering it to the ancestor at a specified depth (as seen in the ancestorAtDepth
function) you can easily set a descendent node’s position to any ancestor position.