block by emeeks 71f1f45fce636654d4b9e1b5c469db6f

Decision tree III

Full Screen

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.

index.js

index.html

d3.glyphedge.js